Olive Drift color palette — #DBF2F3 · #878000 · #006A54 · #004568 · #000201

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

The five colors

• Frost (#DBF2F3): A whisper-light, dusty teal — the color of glacier melt.
• Olive Leaf (#878000): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#006A54): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004568): A deep, shadowed, balanced blue — the color of deep harbor water.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged candy, vibrant, light, muted.

Use it as a design system

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

• Pale Olive color palette (#DDF1F3, #338E00, #007565, #004B5A, #000707)
• Washed Bronze color palette (#E0F1EE, #AB6300, #466700, #004152, #000201)
• Muted Nightshade Orchard color palette (#D5F5FF, #50840E, #006F71, #2900AF, #000102)
• Patina Denim color palette (#E4ECE0, #959200, #009173, #0054A1, #000506)
• Deep Cypress color palette (#E4E1CE, #3B6B5C, #003D40, #2D0F00, #030200)
• Hazy Drift color palette (#DAE5D4, #62C44D, #009379, #006477, #000201)
• Hushed Coast color palette (#E5DBE2, #49828F, #003F63, #002015, #00000C)
• Feathered Aubergine color palette (#D4EAFD, #00A182, #007B9F, #6900AD, #00000F)

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