Misty Coast color palette — #F1F1CE · #A9C874 · #58B24E · #009267 · #004136
Built around Clover, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Custard (#F1F1CE): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#A9C874): A luminous, balanced green — the color of a quiet forest floor.
- Clover (#58B24E): A luminous, vivid green — the color of a quiet forest floor.
- Fern (#009267): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004136): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Misty 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
- Feathered Ridge color palette (#E8DEC7, #C5BA65, #92AC24, #279131, #004229)
- Tempered Emerald color palette (#E6FEC7, #99DC7C, #26A331, #006729, #00381F)
- Jade Pier color palette (#D2E6C9, #84D09F, #00B58F, #008A8A, #004753)
- Aged Jade Archive color palette (#ECFDD2, #93E6BD, #30BB92, #008B65, #00281C)
- Airy Quarry color palette (#E7ECCA, #72AB3C, #009357, #006652, #002423)
- Mallow Market color palette (#EBF2DD, #86D3A3, #E29AFD, #00A05E, #452750)
- Weathered Moss Studio color palette (#F3F8E5, #BDEFFF, #B9CAFD, #9CAA42, #364528)
- Airy Peony color palette (#DBEAD2, #56C4AE, #A595F1, #EF5788, #00342B)
Browse the whole catalog at Explore, or see today's palette.