Softworn Olive Harbor color palette — #F8F0EC · #C6E7E3 · #78A2C1 · #5C7535 · #432F3E

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

The five colors

• Cream (#F8F0EC): a clean, paper-quiet neutral.
• Silver (#C6E7E3): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#78A2C1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#5C7535): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#432F3E): A deep, shadowed, 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 Softworn Olive Harbor 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

• Bronze Summit color palette (#FFECF5, #9A95C9, #998F50, #847936, #33212B)
• Ancient Cypress color palette (#F8F5EF, #CBE4E1, #6FA1B8, #2C7D78, #2B5348)
• Wandering Driftwood Thicket color palette (#FFEBF9, #E8D5D1, #A1B1C7, #6F9382, #4A3940)
• Patina Cobalt color palette (#F9F0E9, #ACDCC8, #5D82C5, #00635B, #271652)
• Hushed Cobalt color palette (#D7FCE8, #8CB9E6, #7484BF, #5D5383, #4E2D34)
• Petrol Studio color palette (#FDEDF5, #ADACE6, #B09A5E, #6C69A6, #34312A)
• Weathered Quarry color palette (#EEDFD8, #5FAAB4, #005F87, #003C24, #000231)
• Bronze Ridge color palette (#FBF0E6, #CBB998, #AA7641, #834527, #2F2C1C)

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