Tempered Coast color palette — #F8F6E6 · #ADC27B · #AB95E7 · #728D00 · #453A63
A conversation between Olive Leaf and Wisteria, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F6E6): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#ADC27B): A luminous, balanced green — the color of new leaves after rain.
- Wisteria (#AB95E7): A luminous, balanced violet — the color of wild irises.
- Olive Leaf (#728D00): A luminous, balanced green — the color of a quiet forest floor.
- Navy (#453A63): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Linen Summit color palette (#FDF4E4, #CBB67D, #7FA2F3, #9D7C00, #2C406F)
- Emerald Coast color palette (#F3F8E7, #8FC7A0, #CE88CB, #009954, #563455)
- Powdered Celadon Balcony color palette (#E1FCF3, #C6E27E, #C5A9FE, #7F944A, #3D3055)
- Hushed Iris color palette (#F4F7E5, #7BAF7A, #747CE6, #227928, #3A3E66)
- Dusty Rose Alley color palette (#F8F7E0, #90B26A, #569DE1, #CD5B74, #393831)
- Cypress Grove color palette (#F3F7ED, #D9C09A, #328363, #184D39, #1E2414)
- Chestnut Grove color palette (#FFF2E9, #D3B89E, #B58265, #93564A, #533700)
- Ancient Grove color palette (#F8F7DE, #C6EDD0, #98D7E8, #9C984A, #4B5404)
Browse the whole catalog at Explore, or see today's palette.