Olive Canyon color palette — #F4F3E0 · #98AD77 · #A978B4 · #537000 · #351B3B

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

The five colors

• Cream (#F4F3E0): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#98AD77): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#A978B4): A luminous, balanced pink — the color of a candy shop window.
• Olive (#537000): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#351B3B): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, 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

• Sunlit Iris Courtyard color palette (#FAF1DE, #B5A45A, #8284D1, #766300, #222149)
• Ancient Pine Summit color palette (#F0F4E9, #ACBA91, #C587A1, #238559, #492334)
• Ember Balcony color palette (#F8F6E7, #97A95F, #D2615E, #5D6F00, #5F3533)
• Lilac Loft color palette (#E9F9F6, #98C87E, #B18EF4, #5F9042, #473A62)
• Weathered Canyon color palette (#F2F4DC, #6A9D5E, #956AB3, #8F4E92, #1F2004)
• Timeworn Crimson Archive color palette (#E6F9DF, #00B09E, #D94565, #006A5F, #430014)
• Cocoa Archive color palette (#FDEFE4, #BCA88D, #966A48, #77362B, #2C2102)
• Patina Plum color palette (#E8F0D1, #27B064, #A20C9E, #005C2E, #2A0029)

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