Teal Coast color palette — #F1F9E4 · #93E1C4 · #00BFA6 · #5A9875 · #114535
Turquoise and Lagoon set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F1F9E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Lagoon (#93E1C4): A whisper-light, balanced teal — the color of sea glass.
- Turquoise (#00BFA6): A luminous, balanced teal — the color of sea glass.
- Fern (#5A9875): A luminous, balanced teal — the color of sea glass.
- Forest (#114535): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Calm, Balance, Grounding. Tagged botanical, earthy, muted, cool.
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
- Clover Lagoon color palette (#F9F7DE, #B0DE9B, #62BC6B, #7B9351, #2B4221)
- Teal Corridor color palette (#E7EFD9, #60D9B5, #00AF9B, #008C90, #00372A)
- Quiet Seafoam Meadow color palette (#E4FBF7, #86F1C9, #00A7A5, #527647, #013639)
- Wisteria Balcony color palette (#C9F7E9, #66BDFF, #CD86FF, #00B59B, #013353)
- Dusty Teal color palette (#F4F3E1, #65BB9B, #007A81, #3D551E, #182503)
- Jade Canyon color palette (#ECF1D9, #2EB178, #008465, #00635D, #001409)
- Muted Emerald color palette (#E2E0CC, #88B678, #2C9645, #277357, #082101)
- Soft Olive Coast color palette (#E5E0C8, #779534, #3B7200, #005451, #040700)
Browse the whole catalog at Explore, or see today's palette.