Olive Canyon color palette — #DFE8CA · #5C8C00 · #356700 · #054409 · #001C06

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

The five colors

• Celadon Mist (#DFE8CA): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#5C8C00): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#356700): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#054409): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#001C06): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Chalky Field color palette (#EEF2CE, #779500, #318000, #005C1F, #00170C)
• Muted Bronze color palette (#F2E8CF, #8C7500, #645D00, #3A3A00, #121500)
• Weathered Pine color palette (#D2EBD9, #008E5D, #00654C, #00392D, #001814)
• Emerald Meadow color palette (#CBEDE7, #1F9014, #A94000, #0E5407, #200600)
• Hushed Clover Canyon color palette (#D6E7CA, #33C116, #00952F, #00683A, #004128)
• Muted Pine color palette (#DCEDDF, #007B3A, #00667A, #5F4600, #000B02)
• Aged Fern color palette (#D6E5DB, #40CAA4, #00A89D, #166A0B, #001C10)
• Teal Courtyard color palette (#E0F1EC, #00AF9E, #008C86, #005A5B, #00353A)

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