Petrol Atelier color palette — #E2F9FF · #90D9DF · #3FA8C0 · #1B7CA7 · #38546D
Cerulean and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E2F9FF): A whisper-light, dusty blue — the color of open sky before noon.
- Ice Blue (#90D9DF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#3FA8C0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#1B7CA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#38546D): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged 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
- Patina Grove color palette (#CAF9FE, #7BCDC7, #0091A9, #3C6991, #504D69)
- Washed Petrol color palette (#ECF7FF, #B5DAF7, #6EA5CB, #2270A4, #123F56)
- Wandering Cerulean color palette (#EBF7FF, #95CEE5, #E49E85, #009BC3, #614156)
- Softworn Lagoon Study color palette (#D9FEF9, #A4D7B6, #5CB595, #008F7E, #29525E)
- Aged Ultramarine color palette (#ACEEFF, #30C5FA, #0098DC, #0060B6, #263A80)
- Turquoise Bloom color palette (#ECF7FF, #D9D9E4, #BBA8A3, #77B5BF, #404E5C)
- Powdered Ridge color palette (#D7E6EC, #33A8E6, #0076DC, #0036C6, #232866)
- Wandering Petrol Hollow color palette (#D0F6F9, #00768B, #004F67, #002A42, #000A20)
Browse the whole catalog at Explore, or see today's palette.