Petrol Basin color palette — #F8E8E0 · #4CB1C7 · #006CA6 · #004C37 · #080C3A
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Rose Water (#F8E8E0): A whisper-light, dusty orange — the color of toasted spice.
- Cyan (#4CB1C7): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006CA6): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C37): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#080C3A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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 Ultramarine Harbor color palette (#FAE9DD, #66ABD0, #125ADA, #004B44, #160538)
- Antique Corridor color palette (#F9E8F4, #77C4D7, #006F9F, #003F36, #00020C)
- Washed Villa color palette (#E6E8D7, #6FBDD1, #0091B5, #006C72, #001622)
- Dusty Cobalt color palette (#F8ECE6, #83D3DF, #0090CC, #007049, #1C2C51)
- Dusty Pine Courtyard color palette (#FEF2EE, #A1EAEB, #00ABD9, #228743, #224166)
- Feathered Harbor color palette (#EDDCF2, #9C00BE, #006962, #0D4B62, #110017)
- Tempered Lagoon color palette (#FAF4EE, #C5F0E2, #8EA1E3, #008C8C, #5C3D4B)
- Hazy Lapis color palette (#EADADD, #ED929B, #C08205, #584DAE, #33061A)
Browse the whole catalog at Explore, or see today's palette.