Tempered Coast color palette — #F2DDEC · #AB1097 · #695700 · #004B59 · #040003
Built around Orchid, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Rose Water (#F2DDEC): A whisper-light, dusty pink — the color of peonies in June.
- Orchid (#AB1097): A full-bodied, vivid pink — the color of peonies in June.
- Olive (#695700): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#004B59): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#040003): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vibrant.
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
- Quiet Loft color palette (#F7D9DE, #BE0052, #466300, #004575, #040001)
- Hushed Byzantium color palette (#E7DBFA, #8A00E1, #804900, #004E46, #020006)
- Mulberry Lantern color palette (#F8EAF5, #7D0070, #004C19, #003922, #030003)
- Washed Brick Archive color palette (#EFD5EF, #B30035, #005B49, #002C3E, #040000)
- Muted Market color palette (#EFDCEF, #C700D3, #008964, #006A6C, #120014)
- Tempered Corridor color palette (#F7DFF2, #820077, #712100, #0E0097, #130011)
- Muted Nightshade color palette (#FFE6E4, #C20027, #0F6B12, #0028B4, #040000)
- Washed Studio color palette (#FFD8C1, #BC5B00, #007D64, #5C2FB5, #040100)
Browse the whole catalog at Explore, or see today's palette.