Softworn Petrol color palette — #F5EDE1 · #72C3E3 · #006EA3 · #003D40 · #00020A
Peacock and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F5EDE1): a clean, paper-quiet neutral.
- Sky (#72C3E3): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006EA3): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003D40): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#00020A): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Washed Teal color palette (#F1E8DA, #4BB4B7, #005F6E, #002C22, #000102)
- Airy Sapphire Station color palette (#FCF4E8, #A7D2F3, #1675E9, #004F5F, #050233)
- Gentle Lilac Coast color palette (#E0F3FF, #9DC6FF, #A58EFF, #006774, #00030B)
- Mulberry Courtyard color palette (#D1E6DE, #006F9D, #A0005B, #414800, #000103)
- Quiet Loft color palette (#CEEEDF, #008AB5, #A54600, #004259, #030100)
- Denim Harbor color palette (#EFD9E5, #4096B3, #004D7D, #002C29, #01001E)
- Hushed Azure Ridge color palette (#CEE9FF, #089BF0, #005485, #001322, #000103)
- Tempered Summit color palette (#E9DBD2, #66BDDB, #0084E8, #006F5C, #0F083B)
Browse the whole catalog at Explore, or see today's palette.