Softworn Petrol color palette — #F2EADE · #57B1B3 · #008395 · #005F4B · #000B12
Cerulean and Turquoise set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F2EADE): bright and airy, almost weightless.
- Turquoise (#57B1B3): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#008395): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005F4B): A full-bodied, balanced teal — the color of sea glass.
- Ink (#000B12): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Tempered Cobalt Courtyard color palette (#F7ECDB, #3DAEDB, #007ABE, #005C63, #00071F)
- Teal Garden color palette (#F6E1DB, #00A7A9, #00617D, #003F17, #00091B)
- Lagoon Thicket color palette (#D2E6E1, #408585, #00444A, #00201B, #000202)
- Worn Mint Drift color palette (#D1E9D0, #00CBA5, #00ACB8, #5D752F, #00170D)
- Cornflower Quarry color palette (#EFE7DB, #7CC9FF, #4E93EC, #007A90, #121A44)
- Faded Emerald color palette (#CCEED9, #00A953, #007D44, #00482B, #000301)
- Linen Harbor color palette (#F5EDE2, #8EE1FA, #0FB2F2, #009190, #022F54)
- Moss Veranda color palette (#EBEFCC, #3FAB2D, #9C45B6, #115104, #0E0014)
Browse the whole catalog at Explore, or see today's palette.