Tempered Cobalt Boulevard color palette — #ECF1E2 · #91CCF5 · #298BD9 · #006884 · #122E52

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#ECF1E2): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#91CCF5): A luminous, balanced blue — the color of deep harbor water.
• Azure (#298BD9): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006884): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#122E52): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Tempered Cobalt Boulevard into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Patina Lantern color palette (#EEF0E2, #6CD7E4, #0096AF, #006C6A, #003442)
• Petrol Basin color palette (#F5EDE2, #8DB7D4, #386AA2, #004E5A, #1D2B54)
• Washed Archive color palette (#E8F2E9, #ABDAF9, #70A8E9, #008EA3, #1C2A58)
• Iris Thicket color palette (#FBF4ED, #CCEAFF, #708FDB, #006A66, #231044)
• Aged Harbor color palette (#F2F7EA, #E6C9EA, #6B96D7, #307399, #4A3047)
• Turquoise Study color palette (#F5F7E5, #97EBF6, #00AECA, #008380, #00475A)
• Turquoise Parlor color palette (#DEE1D2, #10B2DC, #007096, #004952, #001625)
• Patina Turquoise color palette (#99F7FB, #00C4C8, #00888C, #004D50, #001B1C)

Browse the whole catalog at Explore, or see today's palette.