Tempered Coast color palette — #D7EFEF · #00A0B6 · #006881 · #003D5E · #000B1C

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D7EFEF): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#00A0B6): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006881): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003D5E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000B1C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Softworn Azure color palette (#D1F3FD, #009FD6, #006FAF, #00377B, #020030)
• Hushed Corridor color palette (#D6F2F4, #008194, #00596F, #003147, #141335)
• Rust Market color palette (#DEF1FF, #26ADE4, #AE4B00, #005574, #120300)
• Cobalt Quarry color palette (#CFEEFA, #0089C0, #005693, #002056, #010015)
• Jade Thicket color palette (#DAF4DF, #00B989, #006D5C, #004442, #000E0F)
• Frosted Corridor color palette (#EDF6FF, #54AFFF, #0066B1, #00263F, #000103)
• Softworn Pier color palette (#C7EEE2, #00ADAE, #0084A6, #0060A9, #110A57)
• Washed Mallow Boulevard color palette (#ECF7FF, #C8DBFF, #C3AAFF, #00748A, #00102E)

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