Olive Ridge color palette — #FFF1F5 · #D5B6B7 · #A7867F · #7B762C · #3E5146

Walnut and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Rosewood Mist (#D5B6B7): A luminous, dusty red — the color of embers at dusk.
• Caramel (#A7867F): A luminous, dusty orange — the color of sun-warmed clay.
• Walnut (#7B762C): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#3E5146): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Aged Cypress color palette (#FFE9E4, #C0AB9E, #998363, #4C6B4D, #275454)
• Dusty Fern color palette (#F5F6ED, #BDC4AC, #768866, #785B70, #465409)
• Tempered Boulevard color palette (#F2DBD6, #BC906B, #7A6A00, #005868, #003C6A)
• Oat Grove color palette (#EFF6FF, #CECBE9, #B29DB3, #698387, #395458)
• Washed Bloom color palette (#FBE4F3, #C38C95, #95573D, #005A33, #1F3C21)
• Weathered Cocoa Bloom color palette (#F4E0DE, #9B745C, #5B4700, #003236, #001D31)
• Hushed Cobalt Atelier color palette (#FFF2EF, #C58193, #81915A, #2C7DB2, #563A36)
• Plum Orchard color palette (#FEF2F0, #D69DB2, #53AC90, #AA4F76, #445336)

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