Hazy Petrol Basin color palette — #FFF2EC · #51CAE1 · #0077A5 · #005749 · #063264
Cerulean and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Cyan (#51CAE1): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0077A5): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005749): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#063264): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Hazy 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
- Dusty Cerulean color palette (#FCF3EF, #96D0D9, #0084AD, #00624C, #48304C)
- Airy Aqua color palette (#D9FAF5, #00D1F1, #007E9C, #005154, #001D2A)
- Cerulean Orchard color palette (#F4F7E5, #77DBF2, #009BC0, #007177, #00384D)
- Soft Sapphire Drift color palette (#FFF3E7, #73C1F5, #0C5EF0, #00555B, #2E2669)
- Denim Atelier color palette (#ECE0D8, #62AABF, #005D8C, #003F38, #041B4B)
- Ash Corridor color palette (#FAF4F0, #CBE6E5, #729EC5, #357C76, #5D4C5A)
- Antique Jade color palette (#C5FFE8, #00AB84, #006E59, #00382C, #002217)
- Soft Nightshade color palette (#F3E8DD, #5D96BD, #003CAD, #002F33, #12043E)
Browse the whole catalog at Explore, or see today's palette.