Worn Petrol Atelier color palette — #DAEFF2 · #00A8DE · #0069B6 · #44398F · #3E3055

Royal Blue and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DAEFF2): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00A8DE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#0069B6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#44398F): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#3E3055): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Quiet Azure color palette (#C5ECFD, #009AE4, #0067B7, #1F3879, #1F1E45)
• Teal Courtyard color palette (#D0F5E8, #00B2B6, #00779A, #004E7B, #443058)
• Periwinkle Cabin color palette (#C8E5EB, #5BC6F8, #609CF0, #5F74C7, #382D5E)
• Amethyst Quarry color palette (#C7E5F6, #6D91ED, #744ED6, #613588, #54304C)
• Tempered Alley color palette (#FFEAF7, #9598E8, #3F51BF, #1E2C77, #131D4C)
• Hushed Balcony color palette (#BDEDFF, #81B3F5, #656EDB, #6A488C, #623D45)
• Quiet Navy Loft color palette (#C4E7F1, #0080BF, #003EA7, #320080, #320644)
• Ultramarine Pier color palette (#FBE8F7, #6C89DB, #A36B00, #2F4BB2, #4B2F00)

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