Tempered Azure Coast color palette — #F4F6F0 · #C9E3E5 · #6D9FC7 · #307990 · #5B4D5D

Blue Fog and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Silver (#C9E3E5): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#6D9FC7): A luminous, dusty blue — the color of open sky before noon.
• Slate (#307990): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#5B4D5D): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Azure Coast 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 Balcony color palette (#F7F0EA, #C0EDEF, #819EC7, #3B7678, #422F3C)
• Weathered Balcony color palette (#E7FAF3, #77B9E1, #77A86A, #377AA1, #4D4E46)
• Ancient Lilac color palette (#FEF0FD, #7299D7, #AC71AE, #368483, #4B3D4A)
• Washed Harbor color palette (#FBF2F6, #DAD4E3, #96B3DB, #638E9B, #495269)
• Petrol Atelier color palette (#EEF0E5, #80BDC7, #00748B, #004F50, #003344)
• Washed Cobalt color palette (#FFF0FF, #A1C7F3, #5687C2, #2C537F, #463047)
• Timeworn Balcony color palette (#E7E8DD, #549E9B, #005459, #003129, #00181C)
• Antique Market color palette (#F6F7E8, #85E0E3, #00909E, #00675F, #004855)

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