Tempered Olive Drift color palette — #F5F0DC · #667700 · #274900 · #00210A · #000201

Olive takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F5F0DC): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#667700): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#274900): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#00210A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000201): quiet, heavy and certain.

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

Use it as a design system

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

• Bronze Garden color palette (#F3DAC6, #906B00, #484200, #131700, #000200)
• Timeworn Pine color palette (#E2EDDB, #008827, #00533F, #001915, #000102)
• Olive Summit color palette (#EDF3DC, #658A00, #316D00, #0F4701, #000E02)
• Aubergine Study color palette (#EBEFDC, #228F37, #651B8C, #00360B, #020005)
• Soft Jade color palette (#CEE8CB, #00B06F, #006E5A, #003E3D, #00141A)
• Hushed Meadow color palette (#DEECE0, #00672A, #71057C, #58004C, #000200)
• Hushed Cerulean color palette (#E2F0E3, #56CBB8, #129BBB, #504800, #000201)
• Magenta Pier color palette (#FDE5DF, #CB01E3, #008855, #030C0B, #010100)

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