Petrol Atelier color palette — #F0F5E1 · #82C6E3 · #007BAB · #00505C · #001C30
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F0F5E1): A whisper-light, dusty green — the color of fresh herbs.
- Sky (#82C6E3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007BAB): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00505C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001C30): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Weathered Cerulean color palette (#F2F3E8, #93DFE3, #0093A4, #00635C, #002A34)
- Cobalt Veranda color palette (#FFF0F8, #76C3E3, #0071BD, #005653, #1A2677)
- Dusty Denim color palette (#DEE2D6, #6BA5C3, #005E8E, #003744, #000B1B)
- Antique Navy color palette (#DCE1D3, #537CA4, #00387A, #001D2C, #00000C)
- Lagoon Cabin color palette (#E9EADB, #3F9A99, #005459, #002C26, #000507)
- Antique Petrol color palette (#F1F3EC, #C5E0E2, #75A89A, #3C7388, #422E43)
- Muted Azure Garden color palette (#FFF2EA, #D6E6FA, #24A0FB, #00736D, #0F1A5C)
- Washed Amber color palette (#FFEADA, #BB7F37, #874900, #592500, #1B0F00)
Browse the whole catalog at Explore, or see today's palette.