Olive Lagoon color palette — #FFF0F8 · #DC6F2A · #267700 · #003E54 · #190020

A conversation between Olive and Coral Clay, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Coral Clay (#DC6F2A): A luminous, balanced orange — the color of toasted spice.
• Olive (#267700): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#003E54): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#190020): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

Use it as a design system

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

• Softworn Dune color palette (#FFEFFF, #DA6A72, #6A6700, #004143, #0F002F)
• Gentle Quarry color palette (#E8FBEA, #BC8700, #007559, #003673, #1E0014)
• Tempered Pier color palette (#FFF1F6, #E78D37, #278B4E, #004E7C, #310629)
• Ancient Thicket color palette (#E3FAE1, #A76B00, #005D37, #002741, #050004)
• Muted Courtyard color palette (#EFDED2, #A54A00, #135503, #003247, #350539)
• Eclipse Onyx Atelier color palette (#DFF0E4, #7C6500, #004641, #110049, #040001)
• Smoked Bronze color palette (#F9DDE7, #AA6200, #0E2B18, #25160F, #0D0004)
• Feathered Marigold Workshop color palette (#FFE4CC, #DE9800, #8F6F00, #514B00, #161B00)

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