Pale Petrol color palette — #DCF4FB · #0097C5 · #0074B0 · #004588 · #040346

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

The five colors

• Frost (#DCF4FB): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0097C5): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0074B0): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004588): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#040346): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Pale 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

• Powdered Navy Thicket color palette (#DEEFF0, #0086A8, #005789, #082295, #1A0043)
• Dusty Lagoon Thicket color palette (#D4F2EE, #009A9C, #007987, #004E64, #001727)
• Antique Ridge color palette (#D2E1EB, #0093E8, #0F5FF3, #2A37A2, #120038)
• Linen Wisteria Studio color palette (#D3DFEF, #ACB0FF, #CB81ED, #007DA5, #0D183B)
• Sunlit Sapphire color palette (#D8EDF7, #50B6FF, #3A9AFE, #3C63DA, #2B236B)
• Periwinkle Drift color palette (#DBE9F7, #44A4FF, #B26F02, #00528F, #1A0C00)
• Gentle Crimson Study color palette (#E3EFFF, #0C78F3, #D80042, #347900, #000619)
• Gentle Amethyst Atelier color palette (#E0EBFF, #7578FF, #752FED, #672699, #280031)

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