Teal Grove color palette — #FAF4EF · #C1EAEB · #A2BEF1 · #3BACA1 · #5D3C4E
A conversation between Turquoise and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF4EF): a clean, paper-quiet neutral.
- Frost (#C1EAEB): A whisper-light, dusty teal — the color of sea glass.
- Sky (#A2BEF1): A luminous, dusty violet — the color of wild irises.
- Turquoise (#3BACA1): A luminous, balanced teal — the color of sea glass.
- Cocoa (#5D3C4E): A full-bodied, dusty rose — the color of a warm blush.
Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Teal Grove 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
- Quiet Teal color palette (#FFF2EA, #C4EBFF, #88B8FF, #00A796, #3D3473)
- Frosted Teal Corridor color palette (#EEF9E9, #83E0CC, #FE9AC0, #00B89E, #613044)
- Hushed Lagoon color palette (#FDF2F0, #CDEAC9, #66C0DA, #579F53, #0E3D62)
- Softworn Stone Coast color palette (#EEF9E6, #BAEDEB, #E0D2F2, #A6BF76, #405945)
- Weathered Cerulean Cabin color palette (#F8EFF3, #B3E4FE, #708EBF, #1B6C63, #232A46)
- Timeworn Cobalt color palette (#F7E8E0, #6CABBD, #0079C1, #006049, #04002D)
- Muted Teal color palette (#E2FFE0, #A1ECE5, #4BC7C1, #009497, #003632)
- Gentle Indigo color palette (#ECE4DB, #88B5DC, #6477E5, #006C6F, #1D0038)
Browse the whole catalog at Explore, or see today's palette.