Dusty Olive color palette — #F8EDCC · #888500 · #007268 · #004C62 · #0A103A

A conversation between Olive Leaf and Teal, giving this palette its sense of nature and growth.

The five colors

• Custard (#F8EDCC): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#888500): A full-bodied, balanced green — the color of fresh herbs.
• Teal (#007268): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004C62): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#0A103A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged jewel, vibrant, cool.

Use it as a design system

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

• Misty Pier color palette (#FFF5D6, #928C00, #6B6700, #004D52, #120004)
• Violet Orchard color palette (#FEE4F1, #8C4BFF, #006F59, #004E5B, #041536)
• Sapphire Balcony color palette (#FFEDFD, #3466FF, #137412, #005751, #001B28)
• Misty Pine Coast color palette (#F3E6D0, #AA8800, #1C7F0E, #005351, #401500)
• Hazy Aubergine Dune color palette (#D6E3CD, #007760, #00548D, #350081, #130002)
• Muted Summit color palette (#F5F8E2, #2CA911, #00839D, #0053BC, #34131F)
• Quiet Nightshade color palette (#E1F2E2, #006A6D, #2D00BF, #44005A, #070001)
• Weathered Tangerine Lagoon color palette (#FFEAFB, #FF714B, #009F80, #006BBA, #280125)

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