Olive Ridge color palette — #FFF2ED · #CD7F7A · #727618 · #006064 · #573649

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Dusty Rose (#CD7F7A): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#727618): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#006064): A full-bodied, dusty teal — the color of shallow lagoons.
• Cocoa (#573649): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Hushed Pine color palette (#FCF3EC, #C08A64, #398153, #295682, #593838)
• Blush Courtyard color palette (#FFEDEC, #D27DA7, #507E57, #27506E, #0B2E25)
• Timeworn Bronze color palette (#FEF2F2, #BC82AD, #9B6118, #2A6043, #264A42)
• Amber Thicket color palette (#FFE9DC, #DCA07D, #BF782A, #7A5921, #514E47)
• Dusty Driftwood color palette (#FFF2ED, #E1C8B1, #9C8A65, #607363, #3E564E)
• Wandering Rust color palette (#FFF2EA, #C95500, #356900, #00475A, #411E53)
• Softworn Blush color palette (#F8F2FD, #EC90B8, #589D78, #456E8A, #2A455B)
• Tempered Sand Veranda color palette (#FCF2F7, #F9B593, #BAA971, #74906A, #5A344A)

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