Olive Coast color palette — #E8FAF1 · #ABB684 · #657D44 · #425F65 · #314840

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

The five colors

• Ivory (#E8FAF1): A whisper-light, dusty teal — the color of sea glass.
• Sage (#ABB684): A luminous, dusty green — the color of new leaves after rain.
• Olive (#657D44): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#425F65): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#314840): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Muted Balcony color palette (#EBF5ED, #95BEAC, #697D54, #375970, #152D24)
• Wandering Fern color palette (#E6FBEE, #9F9F63, #5D6A1B, #5B4159, #243B31)
• Ancient Basalt Study color palette (#FBF4E9, #D0C49B, #83976C, #557B6B, #504100)
• Hushed Teal color palette (#D8FEFE, #24BD9B, #007A6E, #275673, #094537)
• Moss Atelier color palette (#CDF6EB, #54A93F, #006D2E, #004D54, #123708)
• Taupe Drift color palette (#FDF1F7, #BAE0C3, #A3B575, #A083AE, #2F4A36)
• Shell Corridor color palette (#F6F3FF, #ECD7D7, #F4B1C3, #7A7598, #50475D)
• Olive Courtyard color palette (#C7E7D8, #718420, #324F00, #4C1E16, #002118)

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