Olive Ridge color palette — #DFE4C4 · #6F9700 · #227C01 · #00562E · #001E14

Built around Olive, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#DFE4C4): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#6F9700): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#227C01): A full-bodied, vivid green — the color of new leaves after rain.
• Deep Olive (#00562E): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#001E14): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Frosted Boulevard color palette (#F2E6C9, #8C8E00, #226500, #002819, #000403)
• Feathered Emerald color palette (#D2E9D4, #00A063, #007F67, #005550, #001516)
• Chalky Lime color palette (#D7E7C7, #5FCE00, #00AF5A, #00845F, #003A2F)
• Softworn Bronze Studio color palette (#EFDECC, #AF7A00, #836B00, #514B00, #121600)
• Faded Parlor color palette (#ECF2D6, #2EBE56, #BF44BD, #006123, #200020)
• Hushed Olive Field color palette (#DEEDE3, #55D7C4, #11B6D0, #5A8614, #00190F)
• Pale Indigo Workshop color palette (#D6F9E1, #009655, #5760E7, #B62D00, #000B03)
• Timeworn Orchid color palette (#F1DED3, #B454FF, #009B8C, #002E29, #000200)

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