Olive Coast color palette — #F7EFF7 · #AF7074 · #73701E · #005560 · #1F1A2A

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

The five colors

• Blush (#F7EFF7): bright and airy, almost weightless.
• Mocha (#AF7074): A luminous, balanced red — the color of late-summer berries.
• Olive (#73701E): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005560): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#1F1A2A): 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 Coast 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 Bronze Lagoon color palette (#F5EFF9, #BB8CA2, #876E36, #005567, #3D192C)
• Denim Quarry color palette (#F9EEF2, #A97D4A, #3A744C, #144978, #1F1420)
• Muted Olive color palette (#FFF1F6, #B48155, #477C2D, #095849, #21333E)
• Hushed Forest Canyon color palette (#F4F0F7, #B0798E, #8E5847, #00623A, #11192B)
• Ancient Grove color palette (#F5E9F2, #AF6F63, #4B343C, #271924, #0F0B10)
• Wandering Bloom color palette (#FFEBF7, #BD4E22, #465B00, #003E59, #1C000B)
• Tempered Driftwood color palette (#FFF2F0, #D98CA8, #8A8D3C, #28778D, #3D2D2D)
• Wandering Chestnut Delta color palette (#F8DEE8, #904F00, #364C00, #00263D, #09000E)

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