Tempered Coast color palette — #ECF4F2 · #9ECFC3 · #4E89B3 · #5B7F2E · #0A1722

Olive Leaf and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF4F2): a clean, paper-quiet neutral.
• Pistachio (#9ECFC3): A luminous, dusty teal — the color of sea glass.
• Cerulean (#4E89B3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive Leaf (#5B7F2E): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#0A1722): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.

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

• Tempered Harbor color palette (#EEF3EF, #AECDB2, #379295, #926A0E, #09181D)
• Wandering Cerulean color palette (#EEF7F7, #9FCEA8, #0C8BA6, #457B51, #223038)
• Patina Cypress Summit color palette (#EAF4F5, #97D1C2, #8F75AD, #00856F, #141422)
• Muted Parlor color palette (#F6F5EF, #C6D9AC, #46A5E0, #7B984C, #23312C)
• Worn Study color palette (#FCECF7, #80B8B1, #34849A, #7B3F2E, #103235)
• Pale Coast color palette (#CFFEF0, #95CAC7, #3F989B, #005E84, #09235E)
• Lagoon Terrace color palette (#ECF4F4, #D3D7DD, #B5AFBD, #5B9077, #2E3839)
• Aubergine Field color palette (#D4E8F0, #007680, #5E0056, #003035, #030003)

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