Pale Olive color palette — #D3EBB9 · #5E8A00 · #007B7A · #7C4500 · #010200

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

The five colors

• Celadon Mist (#D3EBB9): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#5E8A00): A full-bodied, balanced green — the color of fresh herbs.
• Teal (#007B7A): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#7C4500): A full-bodied, balanced gold — the color of old brass.
• Black (#010200): quiet, heavy and certain.

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

Use it as a design system

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

• Feathered Pine color palette (#BBEFD2, #00915F, #007697, #655300, #000201)
• Linen Terracotta Delta color palette (#EDE3A9, #8C7A00, #007E5B, #992106, #020200)
• Wandering Pine Thicket color palette (#E3EFE2, #0B7D1B, #006471, #5A3C00, #000200)
• Washed Ridge color palette (#EBF2D6, #008945, #A03918, #4F3100, #000200)
• Misty Lime color palette (#E5FFD0, #89BE4B, #457200, #162A00, #010100)
• Muted Aubergine color palette (#DFF3EB, #545F00, #5612B7, #5D0570, #030400)
• Feathered Coast color palette (#DCFFEA, #00B674, #0098C0, #897000, #00180B)
• Soft Coast color palette (#DEFFE4, #00A5B0, #5777EA, #387E00, #001012)

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