Worn Harbor color palette — #D4E8EE · #0085A2 · #557200 · #004D5F · #0B1200

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

The five colors

• Frost (#D4E8EE): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0085A2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#557200): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#004D5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#0B1200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.

Use it as a design system

One click turns Worn 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

• Chestnut Archive color palette (#C4EFE4, #008B77, #865D00, #005145, #180D00)
• Patina Chestnut color palette (#DDF4FF, #008DA3, #975300, #00444F, #030100)
• Grape Lagoon color palette (#D6EFFF, #006E9B, #722CB8, #005843, #000911)
• Sunlit Sapphire Pier color palette (#E0EDFE, #0063D2, #006942, #003575, #000803)
• Grape Harbor color palette (#D8EEEE, #00898B, #723AD5, #005051, #140033)
• Aged Cocoa Canyon color palette (#CFE3F0, #006987, #822A00, #003242, #210500)
• Rust Cabin color palette (#DDF6E9, #009BC6, #D74900, #006C8B, #220500)
• Iris Bloom color palette (#D3DEF7, #8588FF, #009C8B, #5351C0, #00312A)

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