Petrol Basin color palette — #FBEAE3 · #7CBEC7 · #0080A8 · #005B47 · #00203F
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#FBEAE3): A whisper-light, dusty orange — the color of autumn markets.
- Ash (#7CBEC7): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#0080A8): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005B47): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00203F): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Muted Atelier color palette (#E9DCD0, #88B8DA, #376FD5, #00585E, #1B1547)
- Ancient Cerulean Boulevard color palette (#EEF8F0, #88DBE8, #0087A8, #00524A, #000E1A)
- Cobalt Quarry color palette (#F7ECE5, #92CEE7, #2E8BD6, #006C67, #212C4D)
- Ancient Denim color palette (#D0E3E0, #5EACB8, #006274, #003E3E, #00232F)
- Dusty Azure Canyon color palette (#FFF2EC, #9EE9F9, #00A8E8, #008571, #254066)
- Worn Turquoise color palette (#FAF4F0, #C0E2E6, #70BFD0, #5F9472, #335247)
- Frosted Market color palette (#D6F5E5, #00B783, #00785D, #003A26, #000E08)
- Washed Sky color palette (#DCE1D0, #58D8CB, #0BB2F0, #717400, #172507)
Browse the whole catalog at Explore, or see today's palette.