Olive Grove color palette — #F5F4FD · #D5B5E2 · #BC7472 · #497A38 · #1E2A3B

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

The five colors

• Ivory (#F5F4FD): bright and airy, almost weightless.
• Lavender (#D5B5E2): A luminous, dusty pink — the color of a candy shop window.
• Caramel (#BC7472): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#497A38): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#1E2A3B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Bronze Coast color palette (#F0F6FD, #A0BEEF, #C47CA2, #806E09, #162B34)
• Muted Cypress color palette (#FAF2FB, #E4A4B1, #B8915A, #188379, #222231)
• Aged Pine Harbor color palette (#E9F9F4, #D2DBFF, #C18FB8, #338460, #3A3D53)
• Bronze Archive color palette (#FBF2FA, #E1888A, #8F7B1D, #006B6E, #1D192D)
• Ember Orchard color palette (#FFF0FA, #E44700, #567200, #004157, #0F0005)
• Mallow Lantern color palette (#F5F4FE, #CD99D5, #5B5060, #2B2938, #0D0F16)
• Tempered Marigold Grove color palette (#F0F7F1, #62D3DC, #CB9F46, #83945F, #343731)
• Washed Workshop color palette (#ECF2FE, #738CD9, #915576, #085D5B, #111F2A)

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