Weathered Petrol color palette — #D3EDF0 · #008195 · #00485B · #001721 · #000103

Cerulean and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D3EDF0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#008195): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#00485B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001721): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged 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

• Lagoon Workshop color palette (#E0F4E8, #008B67, #00503F, #001612, #000201)
• Weathered Studio color palette (#DCF0FF, #008BD5, #004368, #000C18, #000103)
• Lagoon Basin color palette (#D3EEE8, #008990, #006D89, #003C5F, #000429)
• Antique Balcony color palette (#CEECFF, #007699, #3F6000, #003041, #010100)
• Tempered Grove color palette (#D3E2ED, #7FB5F7, #6F82D1, #004B63, #000104)
• Aubergine Quarry color palette (#E1F3FF, #005B85, #60009C, #003B2E, #000103)
• Hushed Bronze color palette (#DBF9E2, #857211, #4B3900, #1B1000, #010100)
• Aged Sky Summit color palette (#C9EDFF, #4DBFFF, #007CBD, #004E93, #001E4A)

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