Tempered Coast color palette — #DEFDF8 · #B1E8C3 · #00AC7D · #007C70 · #08381F
Jade and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#DEFDF8): A whisper-light, dusty teal — the color of shallow lagoons.
- Mint (#B1E8C3): A whisper-light, dusty teal — the color of glacier melt.
- Jade (#00AC7D): A luminous, balanced teal — the color of glacier melt.
- Teal (#007C70): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#08381F): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Cypress Study color palette (#ECF9F2, #CFD5A5, #80925A, #0A7365, #023023)
- Jade Lagoon color palette (#EBF9F4, #BBE4EC, #7BAD7C, #408286, #223F39)
- Wandering Lagoon Hollow color palette (#E1FCF8, #92D5AC, #00946E, #00627B, #002613)
- Powdered Jade color palette (#E8FAF2, #A2E298, #00C191, #2C98AC, #06443E)
- Patina Summit color palette (#D9EFF0, #3A8A7B, #004642, #001D33, #000201)
- Wandering Forest color palette (#CEE8E2, #649E65, #005D31, #003139, #000200)
- Antique Sky Delta color palette (#EAF9F7, #D6DEEA, #00C0EF, #00878E, #003A51)
- Wandering Fern color palette (#E6FBF1, #99AA73, #416E00, #004642, #060900)
Browse the whole catalog at Explore, or see today's palette.