Olive Coast color palette — #BBECE2 · #428500 · #005854 · #4C1B00 · #120E00

A conversation between Olive Leaf and Espresso, giving this palette its sense of nature and growth.

The five colors

• Sea Foam (#BBECE2): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#428500): A full-bodied, vivid green — the color of new leaves after rain.
• Peacock (#005854): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#4C1B00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#120E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

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

• Ancient Garnet color palette (#CBE9D8, #7F7300, #005C30, #570021, #1A0900)
• Patina Corridor color palette (#B8EBF2, #008471, #005471, #392900, #031300)
• Pale Thicket color palette (#BDECE3, #348700, #005953, #003047, #150D00)
• Navy Study color palette (#BAEBEC, #008759, #005663, #02058B, #0D1000)
• Aged Forest color palette (#DCF4F2, #006E34, #3B3334, #002518, #000B02)
• Timeworn Boulevard color palette (#F7E6C7, #866B00, #00565E, #5A004E, #2D2300)
• Linen Fern color palette (#CFEDE0, #84A242, #376A00, #3E4200, #111900)
• Timeworn Lagoon color palette (#C9EDDB, #009C7A, #006858, #003E38, #001B1A)

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