Softworn Petrol Harbor color palette — #F2E7F1 · #69AFB5 · #007096 · #004D29 · #001135

Peacock and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F2E7F1): bright and airy, almost weightless.
• Cyan (#69AFB5): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#007096): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D29): A deep, shadowed, balanced teal — the color of glacier melt.
• Midnight (#001135): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Gentle Studio color palette (#E8DAE0, #77A9C7, #3960BA, #004A46, #19003D)
• Muted Petrol color palette (#FDE9E2, #62C9D0, #007196, #004120, #00020C)
• Cerulean Lagoon color palette (#F4EDE3, #22A2AA, #005363, #003128, #001622)
• Cerulean Courtyard color palette (#D9E5DB, #54C3CB, #0092AD, #006F5D, #001622)
• Forest Studio color palette (#F5EAF5, #A3CCD9, #0094BD, #007132, #0E2E53)
• Emerald Meadow color palette (#DAF6E7, #00A071, #00623E, #003320, #000503)
• Timeworn Alley color palette (#E4F0E1, #7DC5BC, #3B96E5, #705900, #002118)
• Worn Station color palette (#FAF3F6, #D4DDF4, #80A6E0, #058E7F, #3E4664)

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