Petrol Atelier color palette — #F3E9DB · #63AEB6 · #00819C · #005F51 · #000B13

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

The five colors

• Parchment (#F3E9DB): A whisper-light, dusty gold — the color of old brass.
• Cyan (#63AEB6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#00819C): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005F51): A full-bodied, dusty teal — the color of sea glass.
• Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Gentle Cobalt color palette (#E7DFD2, #77A7C5, #1176CB, #005B68, #01002F)
• Tempered Quarry color palette (#FAE9E2, #639EA3, #006083, #003E21, #000720)
• Lagoon Workshop color palette (#DCE9DE, #41848B, #004352, #00201A, #000103)
• Wandering Olive color palette (#E7EFD4, #78C0AE, #03ADC9, #557B16, #000E07)
• Pale Emerald Harbor color palette (#CFF4E0, #00A371, #007B54, #00432E, #000201)
• Hazy Iris color palette (#E9E1D5, #98C5F0, #6990DE, #007996, #181845)
• Worn Periwinkle color palette (#F4EDE3, #B2DFC9, #5DADE4, #009097, #112E53)
• Tempered Mulberry color palette (#E4E7D8, #2BAC4E, #9C178C, #006625, #10000D)

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