Weathered Petrol color palette — #F8EBE7 · #7DBEC5 · #00719C · #005330 · #1B2D4E

Peacock and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8EBE7): bright and airy, almost weightless.
• Ash (#7DBEC5): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#00719C): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005330): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#1B2D4E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Weathered Veranda color palette (#DEEEE1, #65C4CE, #007790, #004C41, #001926)
• Hushed Cobalt color palette (#FBF3F0, #AFCEB9, #007FC0, #006247, #2D385D)
• Gentle Lapis Balcony color palette (#F4EDE6, #89B7DE, #4B5AC7, #004F51, #342549)
• Feathered Courtyard color palette (#F2E6DD, #6AA9C0, #0057A2, #003F34, #1A1648)
• Pale Lagoon Field color palette (#F4EBF2, #A9DCEF, #44B3D9, #00956F, #003053)
• Washed Nightshade color palette (#F1E8DE, #5A95C8, #342BB4, #002F31, #1E0037)
• Softworn Thicket color palette (#FBF4ED, #C2E6D8, #6F89C1, #00716C, #5D3C4C)
• Soft Jade color palette (#BAF9D4, #0FAA7D, #006045, #003724, #00200F)

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