Olive Basin color palette — #F9F0EB · #C3ECE3 · #71A5B9 · #5B7536 · #243C35

Olive and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F0EB): a clean, paper-quiet neutral.
• Honeydew (#C3ECE3): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#71A5B9): A luminous, dusty blue — the color of open sky before noon.
• Olive (#5B7536): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#243C35): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Olive Basin 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

• Softworn Ash Coast color palette (#F8F0EB, #C1ECED, #7C9FC8, #377776, #41303C)
• Hushed Mint Lantern color palette (#F1F4E6, #87C591, #B58BBA, #4A8054, #44272E)
• Teal Cabin color palette (#EBDCD5, #48AEB1, #006278, #003B26, #000C18)
• Washed Stone color palette (#FBE8BD, #AEC87F, #60955E, #396B4E, #2D3C25)
• Hushed Ridge color palette (#F0F7F1, #D3E0F0, #8FB8CD, #5C9386, #3B566A)
• Lagoon Study color palette (#ECF7D7, #93D7B4, #489375, #1E543C, #1A2404)
• Hushed Veranda color palette (#F0F5DE, #BAF2FB, #A3CADC, #958D6F, #354700)
• Tempered Bronze Pier color palette (#FCF0E2, #CAB996, #A6793D, #7F481B, #302C1B)

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