Tempered Coast color palette — #F0E7DF · #72BDEA · #4266BB · #004C48 · #180E30
A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F0E7DF): a clean, paper-quiet neutral.
- Sky (#72BDEA): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#4266BB): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#004C48): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#180E30): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Dusty Petrol color palette (#F7E5DD, #61C5CF, #00749F, #004E2D, #021238)
- Petrol Archive color palette (#ECF1E3, #87B8DA, #136CAE, #004C62, #0A2D58)
- Cobalt Pier color palette (#F7F1E9, #A7CCEF, #6A75BC, #005B5F, #331522)
- Quiet Veranda color palette (#FCEFE9, #69E5F1, #008EC1, #00663C, #102348)
- Azure Balcony color palette (#ECF9EF, #D3DFFD, #5D95D5, #006878, #121C3B)
- Denim Terrace color palette (#EDDFD6, #3597B3, #004B82, #002D22, #03001B)
- Grape Lantern color palette (#EBEBD0, #63A221, #603CBE, #2D5200, #140436)
- Antique Courtyard color palette (#F7F1EA, #C1EBEF, #8B9AC9, #577456, #452E38)
Browse the whole catalog at Explore, or see today's palette.