Teal Coast color palette — #F1FAD8 · #9BDAB9 · #62B191 · #458775 · #45563C
Built around Jade, softened by Pistachio — the whole palette hums with calm and sophistication.
The five colors
- Custard (#F1FAD8): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#9BDAB9): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#62B191): A luminous, balanced teal — the color of sea glass.
- Fern (#458775): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal Brown (#45563C): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Calm, Sophistication. Tagged 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
- Worn Turquoise color palette (#DFFFE3, #8DDAE4, #5BADC2, #38819A, #345647)
- Pale Fern color palette (#FFF3D0, #CCD298, #91A261, #6A7E4E, #535200)
- Wandering Lagoon color palette (#F6F3D1, #A0C69D, #429C80, #007469, #1C545D)
- Softworn Lagoon color palette (#F1F8EC, #8BD6C1, #A0AEE4, #33A188, #614159)
- Wandering Teal Station color palette (#EBFAE7, #70C3B7, #80A9D3, #8E986A, #3A4736)
- Teal Grove color palette (#C9F5EF, #00ACA9, #007E83, #005E68, #003540)
- Linen Terrace color palette (#81FADB, #00D3BF, #00A09B, #007172, #004B51)
- Tempered Cypress Drift color palette (#CDE9DA, #00846A, #005446, #002C27, #000E0E)
Browse the whole catalog at Explore, or see today's palette.