Petrol Atelier color palette — #F9E9F5 · #6BAFB4 · #00718E · #004C36 · #001528
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Blush (#F9E9F5): A whisper-light, dusty pink — the color of a candy shop window.
- Cyan (#6BAFB4): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00718E): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C36): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001528): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Tempered Workshop color palette (#FAE5EF, #62ACCE, #0067B7, #004A49, #090444)
- Antique Petrol color palette (#FBEAE2, #66C8CF, #00728F, #00402C, #000307)
- Softworn Studio color palette (#ECEDE3, #5C9BA0, #00545E, #00302D, #00171E)
- Timeworn Cerulean color palette (#D5E9E5, #55C3CB, #0093A6, #006D68, #00171E)
- Tempered Cypress color palette (#FAF2F8, #B0DCEE, #56A0C1, #007F65, #1F3C5B)
- Soft Corridor color palette (#F9EBF7, #B839B4, #005B59, #0A590D, #130012)
- Muted Lagoon Meadow color palette (#FAF3F7, #D8D5E5, #92B6D6, #4E948E, #465369)
- Hushed Corridor color palette (#E8E5F9, #AA43BA, #007A44, #6F007D, #001507)
Browse the whole catalog at Explore, or see today's palette.