Petrol Atelier color palette — #FBEAE1 · #62C6E1 · #006BAE · #003F30 · #010014
Built around Peacock, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#FBEAE1): A whisper-light, dusty orange — the color of toasted spice.
- Sky (#62C6E1): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006BAE): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#003F30): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#010014): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Linen Cobalt color palette (#FFF3E8, #8DD6FF, #4C77CC, #00524C, #0F022B)
- Muted Teal color palette (#FFE9E3, #4AB5B1, #005E74, #012E05, #000104)
- Hushed Chestnut color palette (#CFE3E8, #008DA6, #A14B00, #004451, #030100)
- Softworn Onyx Terrace color palette (#EADDE6, #519BB1, #004E78, #00302B, #000943)
- Cerulean Delta color palette (#D1E5E3, #80BACC, #0090BA, #006B75, #001623)
- Azure Delta color palette (#C3E8FF, #009FDA, #005A7E, #001B29, #000103)
- Lagoon Loft color palette (#D2E5DF, #008C90, #005E6C, #002236, #000015)
- Worn Chestnut color palette (#C7EDFD, #007292, #884200, #683100, #000102)
Browse the whole catalog at Explore, or see today's palette.