Softworn Petrol color palette — #F3E4EE · #83BECC · #0074A3 · #004C41 · #001436
Slate and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F3E4EE): A whisper-light, dusty pink — the color of neon signs at night.
- Ash (#83BECC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0074A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C41): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001436): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Antique Cobalt color palette (#FAEEF4, #AFCCDE, #3B81BA, #005C56, #121D41)
- Aged Denim Drift color palette (#EFDDE5, #72A3C1, #1755A7, #00393B, #08002F)
- Hushed Alley color palette (#F7EFF4, #D5D1E8, #7AA1BF, #3A776F, #29374B)
- Aged Mallow Quarry color palette (#DDE6FF, #D6AEF0, #CB8BA2, #20638B, #191935)
- Softworn Lagoon Lantern color palette (#EFE0EB, #45999B, #005264, #002D1C, #00050C)
- Tempered Lapis Balcony color palette (#E4E3F2, #6754C7, #6B5F00, #245424, #0A0423)
- Sunlit Thicket color palette (#CFE7F7, #2D7FDF, #3A40BA, #35167F, #230037)
- Nightshade Boulevard color palette (#E6EDFF, #6E75CB, #7C6A00, #3821B1, #171200)
Browse the whole catalog at Explore, or see today's palette.