Olive Coast color palette — #EFF7F5 · #B1CA9A · #6F78B5 · #577A2C · #282E3A

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

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Pistachio (#B1CA9A): A luminous, dusty green — the color of fresh herbs.
• Slate (#6F78B5): A full-bodied, balanced violet — the color of wild irises.
• Olive (#577A2C): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#282E3A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Bronze Studio color palette (#F1F7F2, #AACAAD, #2E88AC, #8F6400, #21303A)
• Dusty Driftwood color palette (#EEF7F8, #93CCD4, #8F6CAC, #007F6D, #2C2C3A)
• Aged Cerulean Lagoon color palette (#F1F3EB, #A1D1B0, #278FB2, #3D8258, #0A1A12)
• Azure Delta color palette (#EEF7F7, #A7E1BA, #43A5DF, #5E9C75, #242F39)
• Chestnut Boulevard color palette (#FFF0FA, #86B590, #438098, #85452F, #2B4E53)
• Chalky Grape Thicket color palette (#E5FAF8, #66B779, #7D3ABF, #00682D, #241238)
• Frosted Boulevard color palette (#D8FFF5, #94CDCD, #369496, #00618D, #2E4182)
• Tempered Lantern color palette (#ECF8FA, #3E9993, #2E73A4, #7F2D28, #21353A)

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