Olive Coast color palette — #DBF3FF · #009EB9 · #718300 · #006172 · #323A00

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

The five colors

• Frost (#DBF3FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#009EB9): A luminous, balanced blue — the color of deep harbor water.
• Olive Leaf (#718300): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#006172): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#323A00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, 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

• Feathered Pine color palette (#E2F1FF, #5593C7, #209045, #005B92, #08411B)
• Bronze Grove color palette (#DCF4F7, #35A190, #997200, #006558, #453200)
• Worn Fern Terrace color palette (#DCF1FF, #00789C, #3E6700, #003F54, #102000)
• Pale Orchard color palette (#F2F5FF, #9782E0, #009191, #6A13D9, #004444)
• Patina Chestnut Delta color palette (#DEECDF, #7FA087, #7E5D21, #603A00, #193827)
• Wandering Aqua Studio color palette (#DDF6E6, #10D4F9, #A4BD57, #00A2BF, #313A10)
• Softworn Petrol color palette (#ECF7FF, #BDDCF8, #9CB8E5, #007F96, #2A4458)
• Hazy Corridor color palette (#DCF6E7, #2CB9E0, #E76A49, #007E9C, #562418)

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