Softworn Petrol Quarry color palette — #F6ECE8 · #95BCA2 · #006FA7 · #00523A · #1D2959
Built around Peacock, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Cream (#F6ECE8): bright and airy, almost weightless.
- Sage (#95BCA2): A luminous, dusty teal — the color of sea glass.
- Peacock (#006FA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00523A): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Navy (#1D2959): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Softworn Petrol Quarry 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
- Hushed Drift color palette (#FBF3EF, #AFCDBD, #4D7BB0, #006152, #35355D)
- Patina Basin color palette (#F7ECE2, #8EB7D7, #4B5FBA, #004F50, #352053)
- Petrol Thicket color palette (#E1EDE3, #74C1D0, #007698, #004C47, #001829)
- Denim Garden color palette (#EDDEDA, #519E9F, #005169, #003212, #00132E)
- Tempered Iris color palette (#FAF4ED, #C8E3DB, #7786C1, #007072, #5F3B4A)
- Antique Amethyst Pier color palette (#EBDCC5, #A27615, #724EC3, #604300, #2F125F)
- Hushed Navy Cabin color palette (#E8DDD6, #4C89A3, #003A7B, #00231D, #090028)
- Sky Workshop color palette (#F8E9F4, #9BE0ED, #45AFED, #39916C, #1B2B56)
Browse the whole catalog at Explore, or see today's palette.