Softworn Petrol color palette — #DFEAE1 · #A1B4B2 · #7BA09F · #00818A · #07180B

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#DFEAE1): a clean, paper-quiet neutral.
• Ash (#A1B4B2): A luminous, dusty teal — the color of shallow lagoons.
• Blue Fog (#7BA09F): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#00818A): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#07180B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Petrol Grove color palette (#DBE6E1, #93A4A6, #A98691, #006B98, #000D07)
• Antique Chapel color palette (#D5E0E5, #8CA4B0, #668090, #003E43, #000508)
• Faded Bloom color palette (#E8E7D4, #74A769, #00873B, #00664B, #021500)
• Faded Cobalt color palette (#D3EEDF, #00C4D6, #619BED, #0085DE, #000F1A)
• Muted Turquoise Dune color palette (#EEF8F1, #C9DEDE, #A1CACC, #00AAC5, #24382C)
• Softworn Delta color palette (#EAE0E6, #C9BCBB, #BD9F9C, #7072D8, #2A1924)
• Misty Aubergine Coast color palette (#DDF0E5, #0096C4, #0069BB, #730080, #000D17)
• Nocturne Petrol Boulevard color palette (#D7E9E0, #00759A, #003556, #0E1A1E, #00080F)

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