Tempered Coast color palette — #F5F0CB · #ADD89F · #5CAE73 · #358270 · #41533E
Jade and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F5F0CB): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#ADD89F): A whisper-light, balanced green — the color of a quiet forest floor.
- Jade (#5CAE73): A luminous, balanced teal — the color of sea glass.
- Teal (#358270): A full-bodied, balanced teal — the color of sea glass.
- Charcoal Brown (#41533E): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged cool.
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 Moss Summit color palette (#FFF3E2, #D3C984, #91A746, #5B875A, #4E514A)
- Worn Teal Alley color palette (#EBFBE2, #A4E2CE, #48B6A1, #237B6C, #383C35)
- Washed Summit color palette (#D6FFF8, #8BCA92, #53956A, #3D7156, #2A5154)
- Washed Grove color palette (#F2F8EB, #8CD6B8, #D996D5, #499F7F, #644347)
- Jade Delta color palette (#E0F3E0, #00BA85, #008984, #005B63, #003644)
- Gentle Mint Courtyard color palette (#BEF0B3, #19D383, #009F85, #00787B, #004956)
- Hushed Workshop color palette (#F3F7EB, #BCE0E4, #C6B4B7, #9DB084, #495345)
- Aged Garden color palette (#FCF4E7, #D3CBAC, #AF9962, #9A6832, #4D4A00)
Browse the whole catalog at Explore, or see today's palette.