Tempered Coast color palette — #F1F7F2 · #C6E2E9 · #51979F · #127354 · #294D5F
Built around Pine, softened by Storm Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#C6E2E9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Storm Blue (#51979F): A luminous, dusty blue — the color of a favorite pair of jeans.
- Pine (#127354): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#294D5F): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, 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
- Worn Cerulean Courtyard color palette (#F5F0F5, #BAE5EF, #2A9CB8, #3F6B3A, #192E41)
- Dusty Workshop color palette (#EFF8F1, #A1CDDE, #2E849E, #006156, #0B3F5A)
- Abyss Coast color palette (#DEE9E0, #569CA1, #005362, #003128, #001722)
- Tempered Loft color palette (#FBF3F1, #C2EADC, #28B6D7, #598853, #2E4F47)
- Aqua Archive color palette (#F9F4EC, #BCF9F4, #72CED9, #6CA68D, #2E503E)
- Pale Mulberry Grove color palette (#E6FCE9, #A48345, #008C93, #8C4999, #234028)
- Powdered Cabin color palette (#EDF9EF, #AAD3F7, #437CDC, #006379, #303779)
- Weathered Chestnut Station color palette (#EBFAEA, #BC9969, #558DC8, #895A00, #234467)
Browse the whole catalog at Explore, or see today's palette.