Petrol Atelier color palette — #CAF0F2 · #00768C · #004458 · #00273C · #00142A

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

The five colors

• Frost (#CAF0F2): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#00768C): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004458): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#00273C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00142A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

Use it as a design system

One click turns Petrol Atelier 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

• Onyx Bloom color palette (#D8EDE8, #008A91, #005B78, #00345C, #0E0B46)
• Wandering Pine Meadow color palette (#DFF6E2, #00825A, #00493E, #002B29, #02131F)
• Velvet Cobalt Archive color palette (#E2F0FF, #0078BE, #003260, #000E21, #000205)
• Worn Cocoa color palette (#D7E8E1, #00678F, #7A3300, #003146, #1F0800)
• Ancient Cabin color palette (#CCEEE3, #8BA2CE, #7966B1, #00414D, #00173C)
• Hushed Field color palette (#CDE4F2, #006EB8, #00378D, #0D0065, #120037)
• Muted Garnet Study color palette (#CEE6DE, #00527C, #79003C, #2B3500, #000812)
• Ancient Meadow color palette (#CDF7FF, #00A0C7, #006897, #003F7B, #10217A)

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