Olive Ridge color palette — #F0EBDA · #7E9500 · #387700 · #004B36 · #002725

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

The five colors

• Parchment (#F0EBDA): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#7E9500): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#387700): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004B36): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#002725): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged cool.

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

• Pine Meadow color palette (#E9E1C3, #A09F00, #147210, #003C2C, #001211)
• Olive Terrace color palette (#E5E9D1, #658C00, #105807, #003B19, #002419)
• Emerald Quarry color palette (#E1ECD1, #00A041, #00725A, #004C4A, #001F28)
• Amber Quarry color palette (#F5E2D3, #AD8500, #686000, #284800, #002413)
• Weathered Emerald color palette (#EEE4B3, #A7C57F, #5EA467, #007A62, #0A4D54)
• Bronze Bloom color palette (#DFE2BA, #86CDC5, #74A5DB, #7A6700, #002F23)
• Weathered Tangerine Harbor color palette (#F2D5EE, #F58116, #498D00, #0D2100, #050500)
• Clover Lagoon color palette (#DDE5CF, #00C65D, #008F6C, #005F63, #003E50)

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