Petrol Atelier color palette — #F0F7F1 · #A8CAB9 · #5D8C7F · #466B82 · #3B5348
Built around Slate, softened by Storm Blue — the whole palette hums with calm and sophistication.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Stone (#A8CAB9): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#5D8C7F): A luminous, dusty teal — the color of glacier melt.
- Slate (#466B82): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#3B5348): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, 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
- Antique Orchard color palette (#F9EEF3, #AACEB4, #798A58, #5E5F77, #25362A)
- Petrol Meadow color palette (#F1F7F2, #DADDED, #7D9AC7, #0A7B94, #475369)
- Weathered Navy Loft color palette (#D9EDEA, #448A6A, #005046, #281F68, #002113)
- Worn Violet color palette (#F4F4FF, #BDA4D4, #86A373, #8958B1, #24574E)
- Timeworn Cypress color palette (#E5FBF5, #71A6A3, #24725A, #3E496F, #133D3B)
- Cocoa Chapel color palette (#FEF3EB, #E0CFB3, #95A274, #93737D, #664700)
- Antique Pine Thicket color palette (#E4FCF0, #91AE70, #247D37, #00538F, #30411A)
- Softworn Drift color palette (#F4F4FF, #A88BB5, #AC8142, #008788, #413F58)
Browse the whole catalog at Explore, or see today's palette.