Softworn Petrol color palette — #FAE9F4 · #60B1B2 · #007289 · #004D30 · #001625
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Blush (#FAE9F4): A whisper-light, dusty pink — the color of neon signs at night.
- Turquoise (#60B1B2): A luminous, dusty teal — the color of glacier melt.
- Teal (#007289): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D30): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#001625): 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
- Airy Petrol Quarry color palette (#FBE9F2, #6EABC7, #0068B6, #004A49, #090B3A)
- Timeworn Meadow color palette (#F5EDE1, #83C4C5, #007485, #003F31, #000305)
- Tempered Lagoon Lagoon color palette (#EEEFE0, #2AA2A5, #00545C, #00302B, #00171D)
- Linen Lagoon color palette (#ECDAD4, #77BFBE, #0091B4, #007327, #00142C)
- Softworn Forest Harbor color palette (#F4ECF1, #8ED3CF, #0096AD, #00703F, #003249)
- Worn Pier color palette (#FBF2F7, #D2DFFD, #74AADB, #1A8C86, #3A4860)
- Gentle Jade color palette (#E5F5E7, #B4B137, #00B17C, #933409, #00210F)
- Amber Coast color palette (#E8E3CB, #A78A00, #685100, #2F2500, #040300)
Browse the whole catalog at Explore, or see today's palette.