Hazy Coast color palette — #F6F7E0 · #F0FFA0 · #AEFF72 · #00CD8A · #072A0B
Built around Chartreuse, softened by Clover — the whole palette hums with nature and growth.
The five colors
- Cream (#F6F7E0): A whisper-light, dusty green — the color of fresh herbs.
- Butter (#F0FFA0): A whisper-light, balanced green — the color of new leaves after rain.
- Chartreuse (#AEFF72): A whisper-light, vivid green — the color of a quiet forest floor.
- Clover (#00CD8A): A luminous, vivid teal — the color of sea glass.
- Deep Forest (#072A0B): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Energy, Softness, Clarity. Tagged candy, vibrant, light.
Use it as a design system
One click turns Hazy 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
- Pale Study color palette (#FCF6D8, #DCED00, #D3E7BF, #69D05A, #263300)
- Linen Dune color palette (#F2F9E1, #AEFFCE, #AAEBEA, #00CEB0, #00301C)
- Frosted Lantern color palette (#F7F9D1, #FFE295, #9EEF2C, #00D0D4, #003F1F)
- Powdered Chartreuse Harbor color palette (#F4F8E0, #C9FF96, #00EB54, #00A681, #001308)
- Patina Mint Thicket color palette (#DDFFE6, #00E8A1, #00B089, #007B66, #00423C)
- Hushed Bloom color palette (#FCF5E0, #D5E198, #7AA207, #736D27, #2D3204)
- Airy Lime Balcony color palette (#CDFEF5, #E7C700, #7BCE0A, #009D7F, #00240E)
- Aged Summit color palette (#FCF7CF, #FFB56B, #83BF00, #0097AE, #004028)
Browse the whole catalog at Explore, or see today's palette.