Petrol Basin color palette — #FFF2EC · #5DC9DA · #0078A0 · #005846 · #003363

Cerulean and Aqua set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Aqua (#5DC9DA): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0078A0): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005846): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#003363): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Cobalt Corridor color palette (#FFEEE6, #71CBDA, #007AB0, #005438, #061149)
• Feathered Sapphire color palette (#FFF3E7, #7BC0F2, #3967CB, #00555C, #302764)
• Gentle Alley color palette (#FFF0FB, #6DDEF0, #0096D7, #00764F, #192D69)
• Softworn Turquoise Villa color palette (#F2E3DC, #2BB0CC, #005E88, #003F36, #071E41)
• Sky Alley color palette (#EBFAED, #9EE8F5, #00BCEC, #00998D, #003754)
• Ancient Cerulean Coast color palette (#FDF3EC, #C0E7D4, #648EB7, #226F6B, #583E53)
• Dusty Quarry color palette (#EDDACC, #2F8BB3, #003C73, #002222, #040227)
• Pale Summit color palette (#D0FFE3, #4BEEE5, #49A9E8, #5E6E00, #004338)

Browse the whole catalog at Explore, or see today's palette.