Softworn Petrol color palette — #FBEBE4 · #81BDC1 · #007297 · #00532A · #0D2D59
A conversation between Teal and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#FBEBE4): a clean, paper-quiet neutral.
- Ash (#81BDC1): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007297): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#00532A): A deep, shadowed, balanced teal — the color of glacier melt.
- Navy (#0D2D59): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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
- Wandering Cobalt Pier color palette (#FEF3ED, #A8D0B4, #2D80B2, #056244, #2C395D)
- Sapphire Drift color palette (#F5EDE6, #8FBCAE, #4E60B4, #004F50, #34244D)
- Timeworn Terrace color palette (#E3ECE5, #93BBC8, #00788E, #004C40, #001925)
- Wandering Denim Workshop color palette (#EEE1D8, #71A8BB, #145997, #003F33, #19144D)
- Wandering Navy Harbor color palette (#F9E7DD, #438BA0, #003F6B, #00231A, #05002C)
- Sky Lantern color palette (#F6EAF5, #ACDCED, #02B3ED, #1C9657, #192E4E)
- Timeworn Ash Meadow color palette (#FCF3EF, #C9EBE5, #70A0BE, #4C7A62, #5F4B5C)
- Hazy Aubergine Parlor color palette (#F2D6DD, #9A63BB, #007E55, #652287, #00321F)
Browse the whole catalog at Explore, or see today's palette.