Teal Grove color palette — #F9F3F8 · #CFE3FC · #7BC9EC · #53AB8F · #314A64
Jade and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F9F3F8): a clean, paper-quiet neutral.
- Frost (#CFE3FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#7BC9EC): A luminous, balanced blue — the color of deep harbor water.
- Jade (#53AB8F): A luminous, balanced teal — the color of glacier melt.
- Navy (#314A64): A full-bodied, dusty blue — the color of open sky before noon.
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
- Dusty Terrace color palette (#E8F8FF, #D6D9E7, #B8B4AA, #77B9BD, #3B5361)
- Ancient Periwinkle color palette (#FFF0F8, #A9E3FF, #61AFFF, #009895, #242D61)
- Tempered Turquoise color palette (#F5F6EE, #BFE6DF, #22B7D5, #338989, #324F41)
- Frosted Villa color palette (#E9F8FF, #68DFF6, #FFA094, #00B2CB, #60342F)
- Quiet Cobalt Loft color palette (#EFE3EA, #73BCD1, #008CCC, #006E62, #000F3A)
- Quiet Blush color palette (#E8F8FF, #40D4E3, #FF8E91, #D59652, #203C47)
- Hushed Forest Workshop color palette (#ECDBE6, #5CB1AC, #008396, #006134, #000B13)
- Wandering Lagoon color palette (#F6F1EA, #C9E4CF, #5B97AC, #0B6D62, #083428)
Browse the whole catalog at Explore, or see today's palette.