Skip to content
ChromaBrew
Go Pro

Blue Hour palette

Rocky Beacon

From #9d3000 ink through #d65324, #f67043, #fc8964 to #ffb69f light, Rocky Beacon is a triadic progression that holds together at any size. Use it for wellness apps where the interface must feel calm, not clinical. The darkest and lightest stops clear AA for large text.

orangebluehourfive-stop
#9d3000
#d65324
#f67043
#fc8964
#ffb69f

The generator opens with #9d3000 as the primary and the next two stops as secondary and accent — adjust, check contrast, and export tokens or CSS from there.

Related palettes

Browse all blue hour palettes →