Teal Coast color palette — #F5F3E2 · #7EBC97 · #4E8479 · #325479 · #27301A
A conversation between Mint Leaf and Peacock, giving this palette its sense of nature and growth.
The five colors
- Cream (#F5F3E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#7EBC97): A luminous, balanced teal — the color of shallow lagoons.
- Fern (#4E8479): A full-bodied, dusty teal — the color of shallow lagoons.
- Peacock (#325479): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#27301A): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.
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
- Worn Turquoise Lantern color palette (#F1F4E3, #6BBAC6, #43819E, #594971, #1E3126)
- Lagoon Chapel color palette (#FFF0F9, #7FB4A9, #2F8684, #7C4659, #2B4F4E)
- Patina Ridge color palette (#E6FAF5, #92CDAF, #51A398, #4970A3, #2A4F51)
- Tempered Navy Terrace color palette (#E1FCD1, #00A894, #006F76, #292B92, #002220)
- Ash Coast color palette (#E8F7E7, #BBCEBE, #7F9B8D, #7A616E, #47363C)
- Wandering Workshop color palette (#E9F0E3, #3B957A, #32402E, #1B2017, #0B0D08)
- Driftwood Market color palette (#F3F3E6, #C2C7A3, #7C8B46, #686518, #31322B)
- Softworn Boulevard color palette (#FFF2EA, #C6E9BC, #6BB0B1, #916279, #354700)
Browse the whole catalog at Explore, or see today's palette.