Softworn Petrol color palette — #E9F3FD · #E8B6A8 · #3D6686 · #1D3346 · #0E151A
Peacock and Sand set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E9F3FD): bright and airy, almost weightless.
- Sand (#E8B6A8): A luminous, dusty orange — the color of toasted spice.
- Peacock (#3D6686): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Teal (#1D3346): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#0E151A): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Stone Canyon color palette (#EEF2F9, #A0CFBE, #536180, #263048, #10141B)
- Patina Cerulean color palette (#EFF7F4, #EBC9B4, #5A83A0, #275749, #202F2A)
- Wandering Orchard color palette (#ECF3F8, #98CAED, #A07193, #2E79A5, #181320)
- Hushed Parlor color palette (#EAF3FF, #D89944, #194893, #021D4B, #000719)
- Antique Bone Study color palette (#EDF8F2, #B3E8D9, #68907D, #344D41, #141E19)
- Powder Lagoon color palette (#E1F7F3, #8EAED9, #886C96, #3B5C38, #242C3E)
- Patina Azure color palette (#E6F4FF, #5D9DC3, #9B7D52, #735934, #16242F)
- Patina Iris color palette (#ECF2FF, #8A8ACD, #935D5D, #604003, #031D23)
Browse the whole catalog at Explore, or see today's palette.