Petrol Basin color palette — #F9E9F4 · #6AC0D1 · #006FA5 · #005239 · #212B4E
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Blush (#F9E9F4): A whisper-light, dusty pink — the color of neon signs at night.
- Cyan (#6AC0D1): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006FA5): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005239): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#212B4E): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. 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
- Weathered Pier color palette (#FBF2F7, #97CFE3, #3A7BBD, #006150, #2D3959)
- Denim Field color palette (#F5E5EB, #65A8CA, #29549F, #003F39, #201347)
- Petrol Basin color palette (#E9EAE0, #97BEA5, #007793, #004B4E, #001924)
- Timeworn Veranda color palette (#F8ECE6, #BBDDC6, #3BB0EB, #00937D, #112D54)
- Patina Orchard color palette (#FBF2F7, #D8D5E9, #739EC4, #4B777B, #4A5365)
- Lagoon Corridor color palette (#E6DAE6, #00A3A7, #005169, #003212, #00132E)
- Aqua Field color palette (#C2F9F5, #4ED6D9, #7CA0DD, #6B5D0B, #00383B)
- Jade Grove color palette (#9FFCE3, #00A87F, #006649, #003027, #001914)
Browse the whole catalog at Explore, or see today's palette.