Teal Coast color palette — #FAF4F0 · #C2E0E5 · #A1C7F2 · #5EA283 · #31564B
Built around Eucalyptus, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#FAF4F0): bright and airy, almost weightless.
- Silver (#C2E0E5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#A1C7F2): A luminous, dusty blue — the color of deep harbor water.
- Eucalyptus (#5EA283): A luminous, balanced teal — the color of shallow lagoons.
- Charcoal Brown (#31564B): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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
- Muted Teal color palette (#FAF4F0, #C6DDE7, #BBC0F6, #37A5A0, #5D4458)
- Turquoise Garden color palette (#FAF2F8, #D4D7EE, #65A4B8, #45797A, #415566)
- Washed Cypress Quarry color palette (#F2F3EA, #C2E6DD, #82A78B, #3F766F, #273C2F)
- Softworn Studio color palette (#FFF2EB, #97DAD9, #0088A2, #005434, #000E1A)
- Tempered Field color palette (#ECDCD5, #69AEBC, #005C7F, #002C23, #000105)
- Moss Corridor color palette (#FFF0F9, #C4C5FF, #E7AD7C, #A8A846, #48303E)
- Softworn Workshop color palette (#FFF2EC, #C1E8F7, #54B7FF, #00897E, #19306B)
- Washed Boulevard color palette (#DEFFEB, #D7E1FD, #84B1EA, #6771B2, #5E4051)
Browse the whole catalog at Explore, or see today's palette.