Olive Ridge color palette — #F5EFFA · #B3698B · #4F7830 · #00585F · #191B28

A conversation between Olive and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Blush (#F5EFFA): bright and airy, almost weightless.
• Dusty Rose (#B3698B): A luminous, balanced rose — the color of strawberry cream.
• Olive (#4F7830): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#00585F): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#191B28): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Weathered Olive color palette (#F7EFF6, #CE8683, #71782C, #00575F, #222441)
• Bronze Atelier color palette (#F0F1FA, #9473B2, #8F6900, #135436, #101D29)
• Amber Orchard color palette (#FAEEF5, #C77D5E, #008177, #2E4F79, #1E1725)
• Tempered Peony Chapel color palette (#FFF2F0, #CA668D, #137862, #275B4D, #283D36)
• Gentle Study color palette (#FEEAFF, #CB0042, #006D40, #003F5A, #0D0622)
• Timeworn Bloom color palette (#FFF1F0, #DE86B0, #799763, #376E78, #413239)
• Tempered Boulevard color palette (#F7E9F2, #B86B56, #4D323D, #241B21, #0F0B0F)
• Timeworn Brick Meadow color palette (#ECDCE9, #B2292D, #004F35, #002C44, #040010)

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