Teal Coast color palette — #E7F7EA · #54C1AC · #418396 · #5B496A · #1C2F35
Mint Leaf and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E7F7EA): A whisper-light, dusty teal — the color of glacier melt.
- Mint Leaf (#54C1AC): A luminous, balanced teal — the color of sea glass.
- Cerulean (#418396): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal Brown (#5B496A): A full-bodied, dusty violet — the color of wild irises.
- Deep Forest (#1C2F35): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: 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
- Hushed Field color palette (#E5F7E9, #94B972, #438772, #4C4E73, #1B312E)
- Ancient Teal color palette (#E4F6F9, #2BB2A6, #686D9E, #6E3A40, #0F2E22)
- Ancient Teal color palette (#FFF2EC, #70B8A1, #457F99, #754E42, #3C4D3B)
- Aged Cypress Orchard color palette (#EDF4EE, #D5DCF0, #7FA0C0, #39767D, #2C3746)
- Ancient Lagoon color palette (#DFF1F7, #00959B, #293E4B, #152024, #070E0F)
- Garnet Coast color palette (#FFF0D2, #00A5AD, #00689C, #71132D, #002128)
- Worn Coast color palette (#E1F9E6, #57A3E0, #6561A6, #663917, #162335)
- Aged Seafoam color palette (#FFEFFF, #9CF2CA, #77A9CB, #936466, #2D4349)
Browse the whole catalog at Explore, or see today's palette.