Olive Coast color palette — #FCF3EE · #C4EFEB · #779EBE · #5D793A · #5F4B5A

A conversation between Olive and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Honeydew (#C4EFEB): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#779EBE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#5D793A): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#5F4B5A): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Patina Dune color palette (#FBF3EE, #C7EBEB, #AC8DAD, #427B70, #624A58)
• Cypress Grove color palette (#EBF4F3, #CFDCF1, #7DA2B7, #2F777C, #213949)
• Washed Loft color palette (#F5F6EE, #C6E9E5, #8FBDA6, #4C9399, #355146)
• Antique Balcony color palette (#FCF3EF, #ADCFB0, #2083A7, #27603A, #483149)
• Weathered Corridor color palette (#FFE8DA, #E5AE6D, #94853A, #626C40, #4E4F48)
• Powdered Cobalt Lagoon color palette (#FEF3E9, #97D7FF, #587CCD, #006762, #42356A)
• Teal Lantern color palette (#FAF3F7, #D7D5E5, #99CEF1, #5FB4A3, #3F546F)
• Patina Fern color palette (#FDF4E3, #BBE6D5, #9BCDE8, #A28474, #5B4D00)

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