Clover Coast color palette — #FBF1D8 · #83BA53 · #1B7E52 · #5A3F6A · #232200
A conversation between Clover and Teal, giving this palette its sense of nature and growth.
The five colors
- Cream (#FBF1D8): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Clover (#83BA53): A luminous, balanced green — the color of new leaves after rain.
- Teal (#1B7E52): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal Brown (#5A3F6A): A full-bodied, dusty violet — the color of twilight just after sunset.
- Onyx (#232200): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Clover 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
- Linen Station color palette (#FFEFDD, #BBA83F, #597707, #46486E, #2A1F00)
- Jade Lagoon color palette (#F4F3E3, #6FB185, #1F7466, #5E3B3F, #191F07)
- Airy Study color palette (#E4FDEC, #8BB16B, #007C5A, #5F436F, #2D421A)
- Misty Lagoon Drift color palette (#E1FDF0, #A2C984, #549864, #885481, #10443B)
- Feathered Boulevard color palette (#DDFEF3, #BDE8A0, #55A851, #8B5F4B, #09362F)
- Lagoon Drift color palette (#F1F2DC, #188D65, #004F4B, #401B2F, #000B05)
- Linen Thicket color palette (#FFDDC7, #CF6D15, #0080A7, #075AA4, #291000)
- Tempered Mint color palette (#FFEEE1, #DCE7B2, #9ACF79, #AC5357, #382405)
Browse the whole catalog at Explore, or see today's palette.