Teal Coast color palette — #F9F5E6 · #B7E1C0 · #58C0B4 · #9A9067 · #3E4800
Built around Mint Leaf, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F9F5E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Celadon Mist (#B7E1C0): A whisper-light, dusty teal — the color of sea glass.
- Mint Leaf (#58C0B4): A luminous, balanced teal — the color of glacier melt.
- Caramel (#9A9067): A luminous, dusty green — the color of new leaves after rain.
- Deep Olive (#3E4800): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.
Use it as a design system
One click turns Teal 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
- Wandering Basin color palette (#FCF3EB, #E4D4AA, #8DBC76, #A48B72, #533F00)
- Washed Olive color palette (#F6F6EB, #BFF5CC, #6DAD97, #7C7A31, #343E00)
- Teal Canyon color palette (#F9F5E7, #A6D9AA, #3DB6A4, #608F80, #35362F)
- Aqua Thicket color palette (#E1FEEB, #21D3F5, #F6996F, #C38F3E, #283E30)
- Antique Canyon color palette (#E4E1C6, #43AE81, #008082, #495F00, #00140A)
- Teal Balcony color palette (#FCF3EF, #C1EDE6, #85C6F1, #5CAB86, #573E53)
- Antique Lagoon color palette (#E5F7F1, #86C0BC, #438275, #345E53, #072E2C)
- Powdered Jade Courtyard color palette (#EAE4D7, #A0C885, #00AA80, #317F9E, #2C2B02)
Browse the whole catalog at Explore, or see today's palette.