Softworn Petrol color palette — #EBF7FF · #7DB9D6 · #C4877A · #187DA2 · #604259

Cerulean and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF7FF): a clean, paper-quiet neutral.
• Sky (#7DB9D6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Dusty Rose (#C4877A): A luminous, dusty orange — the color of sun-warmed clay.
• Cerulean (#187DA2): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#604259): A full-bodied, dusty pink — the color of neon signs at night.

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

• Ancient Thicket color palette (#E5FAFC, #7BC0AB, #C38494, #1D856D, #5A4362)
• Hushed Courtyard color palette (#F1F5FF, #A5ABE2, #B39366, #686DA2, #385639)
• Hushed Cerulean color palette (#EBF7FF, #92CEE9, #CC9FCF, #2899C2, #4F476A)
• Turquoise Alley color palette (#EBF7FF, #4EA4C4, #B77761, #936E4C, #2E4654)
• Petrol Veranda color palette (#E9F5EE, #86BDCF, #90A662, #007E9B, #32312A)
• Muted Canyon color palette (#ECF7FF, #009EE2, #A07700, #00638F, #4C3700)
• Shell Thicket color palette (#EBF9F2, #9AE0FF, #FFB09A, #66B4D5, #534B47)
• Patina Denim color palette (#F0F6FF, #A5CCAE, #4A5F80, #293952, #25232F)

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