Tempered Coast color palette — #CAE8E8 · #008A95 · #00616F · #003D4A · #00141C

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

The five colors

• Frost (#CAE8E8): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#008A95): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00616F): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#003D4A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00141C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, 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

• Olive Thicket color palette (#D9ECF3, #008891, #6D6A00, #004F55, #111000)
• Dusty Ridge color palette (#DBF4FF, #0088BA, #005C8A, #003660, #000F2A)
• Weathered Cypress Loft color palette (#D2E8E1, #008280, #004752, #002331, #090920)
• Hushed Pine Canyon color palette (#D0E6D2, #008E56, #006344, #003C2E, #001C16)
• Grape Grove color palette (#D3E4ED, #006F98, #7300D1, #005940, #000910)
• Washed Terrace color palette (#CDE4E6, #00BBD5, #0088A4, #006181, #003A52)
• Iris Bloom color palette (#DDF2FF, #77BBF6, #5F8CFF, #006A81, #001D2F)
• Timeworn Bronze color palette (#D9F5DA, #9A772A, #6F4A00, #472800, #100B00)

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