Petrol Atelier color palette — #F8F5EF · #CCE4E5 · #789DC3 · #217B89 · #63495F
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#F8F5EF): a clean, paper-quiet neutral.
- Silver (#CCE4E5): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#789DC3): A luminous, dusty blue — the color of deep harbor water.
- Teal (#217B89): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal Brown (#63495F): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, 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
- Muted Cypress color palette (#F8F5EF, #CCE4DF, #6EA3B2, #327D6E, #315246)
- Washed Powder Ridge color palette (#FAF3F6, #D9DEED, #98B2E1, #53948C, #4C5166)
- Muted Lagoon color palette (#FFF1F5, #A38CBD, #B17D46, #00897F, #553943)
- Hushed Driftwood color palette (#FFF1F5, #E4D7D3, #E2BFA2, #7D83B5, #5B464B)
- Petrol Summit color palette (#F3EEE5, #80BDC6, #007390, #005048, #00324B)
- Hushed Cerulean color palette (#FDF4E6, #95DDDE, #008FA3, #006953, #00475D)
- Aged Grove color palette (#F6ECDC, #5D9C99, #00545D, #003123, #00171F)
- Denim Orchard color palette (#FFF0FD, #A7AEDD, #8679BE, #6F5091, #673E4A)
Browse the whole catalog at Explore, or see today's palette.