Petrol Basin color palette — #F4E6DF · #74C1D1 · #0074A1 · #004D3F · #011533
Built around Slate, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Parchment (#F4E6DF): bright and airy, almost weightless.
- Cyan (#74C1D1): A luminous, dusty blue — the color of open sky before noon.
- Slate (#0074A1): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D3F): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#011533): 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 Petrol Basin 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
- Chalky Petrol color palette (#F7EAF3, #7BBECA, #006FA3, #005238, #1A295B)
- Aged Cobalt Bloom color palette (#FAF0E9, #8BD4ED, #3582BA, #005C55, #30152D)
- Denim Harbor color palette (#F0E3D7, #64A5C7, #0057A7, #00393A, #06022C)
- Dusty Cerulean color palette (#EAF9F6, #B1F2FF, #1CA1C2, #00696C, #00222F)
- Antique Azure color palette (#C0E9FF, #00A9D7, #006086, #002A3C, #000509)
- Gentle Lilac color palette (#BCF3FF, #9BD1FF, #9F89E1, #007369, #00251A)
- Aged Orchard color palette (#CAF4E4, #00938C, #00636E, #003A51, #00172F)
- Lagoon Meadow color palette (#FDE7DB, #009D9E, #005263, #002E1A, #00050B)
Browse the whole catalog at Explore, or see today's palette.