Softworn Petrol color palette — #C4F2F8 · #399598 · #006C8F · #003413 · #000404
Built around Peacock, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Frost (#C4F2F8): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#399598): A luminous, balanced teal — the color of glacier melt.
- Peacock (#006C8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#003413): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000404): a grounded near-black with real depth.
Feels like: Nature, Growth, 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
- Softworn Corridor color palette (#D9E7CC, #519F67, #007B73, #353300, #000300)
- Patina Summit color palette (#E4E9DB, #44A2B3, #5362C4, #2B3300, #000C0B)
- Patina Ridge color palette (#DEF1FC, #5189C7, #5956A2, #003135, #000307)
- Patina Alley color palette (#E4F1DC, #4EB8BA, #1E8DB5, #00622C, #001412)
- Smoked Aubergine color palette (#D3E2EB, #00617C, #35006A, #00222E, #01000A)
- Worn Cobalt color palette (#CEEEFF, #80B0D6, #7380C0, #005556, #000D16)
- Airy Study color palette (#CDF2FF, #71CFE9, #659DDA, #00715E, #00212C)
- Aged Cobalt color palette (#BCEBEC, #4DC2D2, #6388CF, #424C00, #000201)
Browse the whole catalog at Explore, or see today's palette.