Weathered Petrol color palette — #FFF2EC · #70C7D1 · #0077A4 · #005934 · #122F67

Cerulean and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Aqua (#70C7D1): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0077A4): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005934): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#122F67): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Cobalt Boulevard color palette (#FEF2EE, #ABD0B1, #0083AE, #006435, #273B5A)
• Ancient Petrol color palette (#E4F8E7, #61CDDC, #007E9C, #005249, #001D2D)
• Dusty Drift color palette (#FEF4E4, #65DFEF, #009BBF, #007467, #003752)
• Washed Denim Terrace color palette (#F5E6DE, #63ABBB, #005C8E, #00402D, #111947)
• Soft Cornflower Balcony color palette (#FDF3EB, #ABD4F2, #5B78D8, #006665, #443760)
• Antique Sapphire Summit color palette (#FFF3E8, #6BC3F3, #145BF5, #005650, #34275E)
• Airy Sky color palette (#FEF1FB, #9DE8F3, #00BBF3, #009B7A, #00345F)
• Softworn Azure Atelier color palette (#FBF3EF, #C9E9E6, #6C9FCA, #3F7C68, #614A5B)

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