Weathered Petrol color palette — #CFF2F4 · #008494 · #004E5B · #001820 · #000103

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

The five colors

• Frost (#CFF2F4): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008494): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004E5B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001820): 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

• Pine Garden color palette (#E0F1E4, #008659, #00513C, #001812, #000201)
• Moonless Cypress Harbor color palette (#D5ECED, #007079, #00353D, #001A21, #02050E)
• Aged Cobalt color palette (#D6EFFF, #0092CE, #004665, #272127, #000911)
• Muted Aubergine color palette (#D2E8F5, #007695, #831195, #00303F, #030004)
• Tempered Cornflower color palette (#CCECFD, #8CBFEC, #6186DB, #004C5C, #000103)
• Aubergine Market color palette (#DDF4FF, #005D7B, #5409A9, #003C27, #000102)
• Softworn Veranda color palette (#B5EAFF, #36BBF5, #007CB3, #004976, #001C3E)
• Lowlit Veranda color palette (#D9E7DA, #8B6F1A, #4F3700, #1D0F00, #020100)

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