Hazy Teal color palette — #FDF4E3 · #B6DC9C · #57BA97 · #4293B5 · #2D421C
Jade and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FDF4E3): A whisper-light, dusty gold — the color of honey in a jar.
- Pistachio (#B6DC9C): A whisper-light, balanced green — the color of fresh herbs.
- Jade (#57BA97): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#4293B5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Forest (#2D421C): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Hazy Teal 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
- Wandering Jade color palette (#FFF3E7, #DDD087, #84B65F, #009C9C, #443B00)
- Antique Canyon color palette (#ECE4CF, #A3C5A0, #39A58F, #337DA7, #143112)
- Linen Moss color palette (#F6F6E7, #8EE2C4, #00BAC8, #6C9841, #004635)
- Jade Boulevard color palette (#F7F6E4, #A7EDAE, #00AC7C, #1D797B, #2E2F28)
- Wandering Boulevard color palette (#FDF3EA, #E2D4B3, #99B785, #B0828A, #543F00)
- Muted Clover color palette (#FCE8CC, #BAC984, #30C06D, #A74980, #2B3200)
- Chalky Jade color palette (#FFF2EC, #B6EFFF, #70BEFE, #00A983, #323B6D)
- Clover Grove color palette (#E1F9EA, #7EBB5D, #007E61, #13536D, #002722)
Browse the whole catalog at Explore, or see today's palette.