Softworn Petrol color palette — #CEE7D4 · #4E95C6 · #615DA9 · #003C2D · #000D12

Built around Slate, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Celadon Mist (#CEE7D4): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#4E95C6): A luminous, balanced blue — the color of deep harbor water.
• Slate (#615DA9): A full-bodied, balanced violet — the color of wild irises.
• Deep Forest (#003C2D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000D12): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged pastel, light, muted.

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

• Tempered Meadow color palette (#D7F1E8, #8499D4, #86489B, #003B41, #000E22)
• Petrol Atelier color palette (#D7E6ED, #4C95B9, #006DB3, #003236, #000204)
• Soft Cobalt color palette (#DCECE1, #25AADD, #2E85CB, #005359, #000F07)
• Denim Atelier color palette (#D9E9E4, #005F9A, #500023, #001F37, #060001)
• Weathered Bronze color palette (#EBE7C9, #AF5A00, #006C95, #080B13, #000201)
• Iris Meadow color palette (#D6E9EF, #23B3F8, #868AF5, #00775A, #00101C)
• Softworn Pier color palette (#E1E6F8, #B899D0, #BA5B83, #004364, #1C0D34)
• Dusty Lilac Terrace color palette (#D4F9E8, #E6C4E2, #B192D1, #006667, #3E2640)

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