Softworn Petrol color palette — #E5F2E8 · #8AC0D4 · #006FA0 · #003D3F · #000209

A conversation between Peacock and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#E5F2E8): bright and airy, almost weightless.
• Sky (#8AC0D4): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006FA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003D3F): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000209): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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

• Softworn Denim color palette (#DAE3DC, #73AEAE, #00606D, #002C21, #000102)
• Cobalt Boulevard color palette (#EDF9EF, #9FD3F8, #297AD7, #004F5D, #040037)
• Denim Garden color palette (#EFE4D2, #499BB7, #004F74, #003031, #00142D)
• Washed Summit color palette (#F5DCE9, #C35C1E, #007195, #632700, #000103)
• Cornflower Hollow color palette (#EAD8E3, #78BBD4, #1483EA, #006F5D, #100A37)
• Azure Delta color palette (#F0F8F1, #CFE0FF, #239ED2, #006A68, #00203B)
• Timeworn Aubergine color palette (#FDDCC8, #9E4E00, #006854, #5000A4, #030100)
• Sky Basin color palette (#EFF8F0, #D6D6E5, #00C1ED, #00897B, #003A55)

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