Tempered Coast color palette — #EEF9EE · #E3AC59 · #75A3F9 · #AB7400 · #2E4361

Built around Cornflower, softened by Ochre — the whole palette hums with optimism and balance.

The five colors

• Ivory (#EEF9EE): bright and airy, almost weightless.
• Gold (#E3AC59): A luminous, balanced gold — the color of old brass.
• Cornflower (#75A3F9): A luminous, balanced violet — the color of wild irises.
• Ochre (#AB7400): A luminous, balanced gold — the color of old brass.
• Navy (#2E4361): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Optimism, Balance. Tagged cool.

Use it as a design system

One click turns Tempered 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

• Hazy Lilac color palette (#E6FBF1, #BDBC73, #9E95FB, #888500, #374061)
• Tempered Canyon color palette (#FEF1F8, #ECA384, #1DBFE6, #B75B31, #094A5B)
• Airy Amber color palette (#FEF3E7, #EEC48E, #9CBEFE, #C6944E, #2D4269)
• Amber Quarry color palette (#EAFAED, #C59826, #4C8FC8, #816000, #284560)
• Turquoise Meadow color palette (#E5FCE9, #C79E49, #00ADB8, #A570AB, #273E2C)
• Airy Amber Garden color palette (#FFF3E4, #F6CD90, #73CFB8, #AF802F, #054337)
• Indigo Orchard color palette (#C5F1D7, #C8AF29, #6E63EC, #7A6900, #281D6A)
• Weathered Celadon color palette (#EBFAEE, #BBDFF0, #B7E6B1, #C3926C, #3A5343)

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