Olive Ridge color palette — #F2F9E0 · #D4E1F8 · #CFBEEE · #8B8400 · #002524

Olive Leaf and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2F9E0): A whisper-light, dusty green — the color of fresh herbs.
• Frost (#D4E1F8): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender (#CFBEEE): A whisper-light, dusty violet — the color of wild irises.
• Olive Leaf (#8B8400): A luminous, balanced green — the color of fresh herbs.
• Onyx (#002524): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Olive 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

• Antique Pier color palette (#E5FDE6, #E1DBE5, #F7BEE1, #009161, #002839)
• Misty Bronze color palette (#FCF7D2, #CBF4FB, #78D7FF, #AD7B00, #042F14)
• Muted Moss color palette (#EFFAE0, #BFECE7, #DECFF2, #8CA353, #293E26)
• Patina Olive color palette (#E8FCE0, #A9E6FF, #B1B0FF, #377700, #001111)
• Quiet Bronze Bloom color palette (#FFF4E1, #B0B980, #937100, #6E3300, #001802)
• Glacier Courtyard color palette (#CDF4F4, #7DE4EA, #7BA2D8, #68611C, #143B3F)
• Seafoam Coast color palette (#DFF5CD, #57DBD5, #3CAFD0, #3E6D44, #0F2205)
• Tempered Lilac color palette (#D7F8DD, #A2D2FC, #B48FDB, #006140, #00080E)

Browse the whole catalog at Explore, or see today's palette.