Teal Coast color palette — #E8FED0 · #93DFA8 · #00AC94 · #006B71 · #002F3F
Turquoise and Lagoon set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#E8FED0): A whisper-light, dusty green — the color of fresh herbs.
- Lagoon (#93DFA8): A whisper-light, balanced teal — the color of shallow lagoons.
- Turquoise (#00AC94): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#006B71): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002F3F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged 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
- Teal Drift color palette (#F2FBCF, #95E5C9, #00B7B6, #00789B, #113D60)
- Patina Field color palette (#FFF6CE, #B4CC7E, #4DA134, #006E4F, #002F31)
- Worn Jade Study color palette (#E0ECDA, #00AB6F, #00706C, #003840, #000C15)
- Tempered Mint color palette (#DCE9E0, #4BD2A4, #00B8A1, #009089, #003E43)
- Patina Lagoon color palette (#E1EFE5, #00998F, #00555D, #002839, #000105)
- Hazy Azure color palette (#D8FFF4, #58E0EB, #00A4C7, #005B95, #242552)
- Lagoon Grove color palette (#DFFFE2, #8CE7EF, #009E9B, #005259, #001212)
- Softworn Blush color palette (#EDFAE8, #59D7C4, #EC8095, #00897A, #490F1F)
Browse the whole catalog at Explore, or see today's palette.