Airy Petrol color palette — #FBF4E9 · #5FC8E1 · #0078A1 · #005653 · #00355A
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF4E9): a clean, paper-quiet neutral.
- Sky (#5FC8E1): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0078A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005653): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#00355A): 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 Airy Petrol 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
- Cerulean Pier color palette (#F8F5EF, #96D0DB, #0084A9, #006059, #154437)
- Cobalt Grove color palette (#FFEEE5, #3FCFEF, #0077BC, #00543F, #0F1242)
- Quiet Coast color palette (#FCF4E8, #85BEED, #0064E4, #005365, #242A69)
- Soft Sky color palette (#E7FAF7, #92E9FF, #00BCEB, #00969F, #00384F)
- Patina Denim Lantern color palette (#EEE6DB, #5EAAC4, #005E87, #003E3F, #001F40)
- Azure Veranda color palette (#FFF0FA, #68DDF8, #0094E3, #007558, #232C64)
- Ancient Cerulean color palette (#F8F5EF, #C5E5D7, #598FC1, #006F7B, #573E55)
- Ancient Quarry color palette (#E7DED0, #5487A7, #003C74, #002128, #02002F)
Browse the whole catalog at Explore, or see today's palette.