Petrol Field color palette — #EBF7FF · #7ABBD1 · #AD8AB6 · #287E98 · #4D4869
Built around Cerulean, softened by Dusty Rose — the whole palette hums with trust and stability.
The five colors
- Ivory (#EBF7FF): a clean, paper-quiet neutral.
- Cyan (#7ABBD1): A luminous, dusty blue — the color of deep harbor water.
- Dusty Rose (#AD8AB6): A luminous, dusty pink — the color of a candy shop window.
- Cerulean (#287E98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#4D4869): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Petrol Field 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
- Ancient Cypress Studio color palette (#EAF8FA, #7DC0AC, #8596CD, #33826E, #3F4D67)
- Softworn Coast color palette (#E9F4FA, #90B9D3, #CF8587, #007DA1, #3F273F)
- Cobalt Archive color palette (#EFF6FF, #93B1E0, #63AA8A, #4F73AC, #1D5759)
- Muted Cerulean Balcony color palette (#ECF7FF, #D7D9E4, #BBA6AF, #6591A8, #405261)
- Ancient Cypress color palette (#E9F8FD, #74BFC1, #A39A64, #008387, #355544)
- Timeworn Cerulean Study color palette (#EEF8F1, #90D0DE, #DFA180, #009DB5, #524C47)
- Hushed Raspberry color palette (#EDF7FF, #019DE8, #BB519E, #006294, #61164F)
- Weathered Meadow color palette (#ECF9F1, #94E3F8, #BFD179, #3CB9D7, #4F4D46)
Browse the whole catalog at Explore, or see today's palette.