Tempered Coast color palette — #FCF3F1 · #CCE4CC · #4995B0 · #1E7535 · #563D59

A conversation between Olive and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3F1): bright and airy, almost weightless.
• Celadon Mist (#CCE4CC): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#4995B0): A luminous, balanced blue — the color of open sky before noon.
• Olive (#1E7535): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#563D59): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Aged Iris Bloom color palette (#FAF4EE, #C5E4DA, #7287C6, #007170, #5E3B4B)
• Antique Cobalt Canyon color palette (#FCF3EF, #B2CDB9, #1581B7, #006342, #2A395E)
• Hushed Cerulean Ridge color palette (#EEF4EF, #B9E5F0, #0C9FB0, #276C55, #0C3042)
• Soft Coral Drift color palette (#EEF9ED, #5BB0AD, #C36D6C, #007573, #653030)
• Antique Thicket color palette (#F8F5EF, #C1E8DC, #34B8C9, #3E8B70, #334F41)
• Lagoon Terrace color palette (#E4E9C1, #74C19E, #008A7D, #006779, #224D6C)
• Dusty Petrol Pier color palette (#DDFFE8, #80CAD2, #007E8D, #004C56, #00343D)
• Onyx Study color palette (#F6E3DB, #5C9BA2, #00506F, #00321A, #000F39)

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