Softworn Petrol Harbor color palette — #C4EDEE · #008493 · #005B69 · #003B4A · #001720
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#C4EDEE): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#008493): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005B69): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Teal (#003B4A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001720): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
Use it as a design system
One click turns Softworn Petrol 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
- Tempered Lagoon Garden color palette (#DDF3E6, #009E95, #005D6E, #00273A, #01001D)
- Cobalt Atelier color palette (#D1EEFF, #0078B4, #004E81, #002653, #000728)
- Washed Garden color palette (#D6EDF2, #00B0D4, #0088B1, #005F82, #003452)
- Weathered Pine color palette (#E1EEE3, #008D55, #006648, #004032, #001D18)
- Grape Boulevard color palette (#DAEFFF, #006DA0, #7D00C4, #005846, #000812)
- Timeworn Iris Alley color palette (#C5E4F9, #7DB7F6, #6F8DD8, #006079, #001D36)
- Iris Boulevard color palette (#E0E7F7, #8C9CFF, #7A78E2, #5A4F94, #3B2E57)
- Linen Thicket color palette (#D6ECFF, #65B3FF, #2D84FD, #315ABB, #2F396F)
Browse the whole catalog at Explore, or see today's palette.