Tempered Coast color palette — #CCECF1 · #008979 · #352D2D · #002A33 · #000506
Built around Fern, softened by Midnight — the whole palette hums with sophistication.
The five colors
- Frost (#CCECF1): A whisper-light, dusty blue — the color of deep harbor water.
- Fern (#008979): A full-bodied, balanced teal — the color of glacier melt.
- Espresso (#352D2D): a grounded near-black with real depth.
- Midnight (#002A33): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000506): quiet, heavy and certain.
Feels like: Sophistication. Tagged noir, dark, luxury, 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
- Obsidian Cypress color palette (#CFE3EA, #006D74, #312B30, #001422, #000102)
- Timeworn Boulevard color palette (#E4FAFF, #009E9A, #18394C, #001318, #000202)
- Worn Lagoon Balcony color palette (#D7E4D2, #00A192, #3F5C41, #203618, #020600)
- Tempered Cobalt Market color palette (#DFF1FF, #0088BF, #1C2558, #282329, #000812)
- Olive Veranda color palette (#C4F0E6, #508800, #002D20, #1A1921, #000504)
- Muted Denim color palette (#CCE3F1, #706B64, #00566E, #1E171D, #00041A)
- Lagoon Alley color palette (#E1FCF4, #8CCCA4, #00897B, #455829, #001F0E)
- Softworn Sky color palette (#EEF6FF, #78B4EB, #4E5465, #242C34, #091114)
Browse the whole catalog at Explore, or see today's palette.