Clover Ridge color palette — #F9DAD8 · #70BAFF · #00C15E · #12303A · #111C1B
Built around Clover, softened by Sky — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#F9DAD8): A whisper-light, dusty orange — the color of toasted spice.
- Sky (#70BAFF): A luminous, balanced blue — the color of deep harbor water.
- Clover (#00C15E): A luminous, vivid teal — the color of glacier melt.
- Deep Forest (#12303A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#111C1B): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged neon, dark, vibrant.
Use it as a design system
One click turns Clover Ridge 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
- Faded Villa color palette (#EFD8E2, #54BFFF, #97AF00, #09383B, #0F221C)
- Jade Pier color palette (#FFE3E4, #BBA2FF, #00BD92, #173747, #152325)
- Mint Terrace color palette (#F8E9CD, #19D5F7, #00D893, #295C44, #1E2216)
- Worn Workshop color palette (#F8E8E3, #598BFF, #009868, #001E1E, #000B0B)
- Teal Archive color palette (#EBF8F9, #0DB390, #0061A1, #005E4A, #0D1925)
- Softworn Fuchsia Coast color palette (#EAE0C7, #FF87EE, #00B8EE, #26314F, #1A242A)
- Softworn Basin color palette (#FFDEBF, #FFB5ED, #00D6E9, #3E4854, #2B3336)
- Cypress Boulevard color palette (#ECF8FB, #D2DAE5, #A5B6C3, #29706F, #313D40)
Browse the whole catalog at Explore, or see today's palette.