Weathered Petrol color palette — #FFF2EC · #5CC9DD · #0075AD · #00583D · #1B2C6B
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Aqua (#5CC9DD): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0075AD): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#00583D): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#1B2C6B): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Weathered 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
- Sapphire Courtyard color palette (#FFF3E7, #88BEE7, #4963CD, #005655, #3B2163)
- Aged Petrol color palette (#E6F7E9, #6BCCDD, #007DA0, #00524C, #001C2F)
- Softworn Cobalt color palette (#FCF3F0, #AECEB5, #2482AD, #11623D, #4B3049)
- Weathered Denim Parlor color palette (#F7E8E0, #5EABBF, #005B93, #00402F, #13174A)
- Cerulean Summit color palette (#FCF4E7, #90D8E6, #009AC5, #00736B, #003655)
- Quiet Boulevard color palette (#FFF0FB, #93EAF8, #33B6FC, #009C6B, #192D69)
- Cypress Lantern color palette (#FBF3EF, #CAE8E6, #AA8EAD, #3F7C6C, #624A5A)
- Weathered Chapel color palette (#F0E1D5, #4A89A7, #003685, #00231F, #0A0027)
Browse the whole catalog at Explore, or see today's palette.