Petrol Basin color palette — #DFF8F5 · #83C7DA · #007DA0 · #005157 · #001D2C
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#DFF8F5): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#83C7DA): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#007DA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005157): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001D2C): 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 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 Harbor color palette (#DCF9F8, #8EC0F1, #2D70CA, #004D6C, #041249)
- Muted Canyon color palette (#E5F6F2, #8FE1DB, #009599, #006453, #002B30)
- Worn Navy Quarry color palette (#FFF2EB, #6DC6DE, #0076AB, #00574C, #032D72)
- Navy Hollow color palette (#D5EBEA, #427FA8, #003D6B, #001E29, #000105)
- Weathered Denim Grove color palette (#D0E7E4, #64A7BF, #006083, #003840, #000C17)
- Muted Pine Field color palette (#C8ECDB, #008662, #006E95, #5E5200, #00130B)
- Dusty Azure Coast color palette (#FFF0FA, #D5D9F4, #00A4EE, #007466, #011F58)
- Feathered Chapel color palette (#D6E8E8, #009F6C, #0365F1, #005B3C, #00123B)
Browse the whole catalog at Explore, or see today's palette.