Softworn Petrol color palette — #D3E8F3 · #60A5C2 · #006DA9 · #003C3F · #00141B
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Frost (#D3E8F3): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#60A5C2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006DA9): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#003C3F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00141B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged pastel, light, muted, cool.
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 Canyon color palette (#C6F2F4, #58AE9E, #008383, #003D1C, #00110C)
- Pale Grape color palette (#D3E5FF, #808ED1, #6950B2, #003863, #060732)
- Patina Veranda color palette (#CFE3EB, #218FC8, #5F4FAF, #00412B, #000203)
- Indigo Workshop color palette (#DAE9DC, #6FADD9, #7A73DE, #005738, #000F06)
- Periwinkle Archive color palette (#DCF0FF, #A1C9ED, #7B98DC, #00657A, #17364E)
- Sunlit Iris color palette (#D6E6FA, #97AEEB, #8B7DD6, #005482, #0D1D44)
- Worn Azure color palette (#D0F0DC, #4DBAE8, #4CA0E8, #00757D, #00140A)
- Nightshade Atelier color palette (#E7EAFF, #A89DDE, #995DC0, #1828B0, #1B0E3F)
Browse the whole catalog at Explore, or see today's palette.