Softworn Petrol Coast color palette — #FBF4EC · #ADE1D3 · #7F93CA · #007A89 · #3A345B

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Mint (#ADE1D3): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7F93CA): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#007A89): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#3A345B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Softworn Petrol Coast 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

• Cypress Parlor color palette (#FFF2EC, #BFDDC5, #41A2C7, #007F61, #1E3D5A)
• Tempered Pier color palette (#F0F7F0, #DAD5DF, #7EA1FF, #007D8C, #252C4C)
• Cornflower Grove color palette (#FFF3E9, #97D4F3, #2E8EEE, #007272, #222574)
• Timeworn Canyon color palette (#ECF8F8, #AEC8E2, #437ABE, #005A7D, #26395F)
• Pale Basin color palette (#EFE1D8, #59AFC7, #006DA2, #004B43, #000C3F)
• Turquoise Harbor color palette (#E0F5E2, #22BEC3, #CC759A, #008286, #581C39)
• Muted Powder Villa color palette (#FAF4EE, #C5DFEF, #9CB2D9, #6C9174, #644959)
• Weathered Bloom color palette (#D2EED7, #49C08E, #009384, #006A72, #003D4D)

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