Weathered Petrol color palette — #CAF2E6 · #38939F · #0171AC · #663647 · #1B0700

Built around Slate, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Honeydew (#CAF2E6): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#38939F): A luminous, balanced blue — the color of open sky before noon.
• Slate (#0171AC): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#663647): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Ink (#1B0700): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Calm, Balance. Tagged vintage, retro, muted, cool.

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

• Tempered Courtyard color palette (#E8F3E8, #149D89, #007A8F, #653860, #2A0715)
• Cerulean Meadow color palette (#D2E9D9, #468FC3, #5C6094, #723A32, #1D0F00)
• Dusty Denim Field color palette (#EDEAC7, #338272, #00587D, #4B2A00, #1A0B00)
• Wandering Loft color palette (#CBEDEC, #008691, #006B84, #004561, #000711)
• Rust Bloom color palette (#DAE8E1, #008BB2, #BE4200, #005D79, #110200)
• Muted Lagoon Courtyard color palette (#D2EDD2, #009290, #3D4B71, #36182C, #030000)
• Tempered Cobalt color palette (#E5DFD5, #60ACC7, #007DB4, #005D5F, #00091A)
• Airy Plum Workshop color palette (#D3EBE1, #0078A6, #B7006E, #585E00, #000204)

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