Petrol Atelier color palette — #F8ECE6 · #94BDA0 · #0070A2 · #005236 · #1A2A57

Peacock and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8ECE6): bright and airy, almost weightless.
• Sage (#94BDA0): A luminous, dusty teal — the color of glacier melt.
• Peacock (#0070A2): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005236): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Navy (#1A2A57): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Sapphire Villa color palette (#F5EDE6, #8CB8D3, #3960C3, #00504C, #30264D)
• Patina Cobalt color palette (#FDF3ED, #AACFB9, #1D7DC5, #00624D, #4E2E45)
• Aqua Archive color palette (#E1ECE3, #59C5D7, #007696, #004C45, #001828)
• Cerulean Corridor color palette (#F3EEE5, #6FD6E7, #0094BB, #006D64, #00314C)
• Dusty Lagoon Loft color palette (#FCEBE6, #469FA0, #005268, #00330F, #00142D)
• Wandering Thicket color palette (#E8DCD4, #318CAB, #003C74, #00231C, #070127)
• Sky Garden color palette (#F7EAF4, #ABDCF0, #34B2E7, #009478, #022E59)
• Gentle Bloom color palette (#B3F6DD, #00A97D, #006544, #003327, #001D13)

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