Petrol Archive color palette — #ECF7FF · #7FB8DA · #7FA574 · #227BA7 · #2C5650
A conversation between Cerulean and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF7FF): bright and airy, almost weightless.
- Sky (#7FB8DA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Moss (#7FA574): A luminous, balanced green — the color of fresh herbs.
- Cerulean (#227BA7): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal Brown (#2C5650): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged muted, cool.
Use it as a design system
One click turns Petrol Archive 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
- Teal Orchard color palette (#F1F5FF, #A7AAE1, #4FAB9F, #6A6CA3, #2A545C)
- Cypress Station color palette (#EAF8FC, #74BFBF, #9A8ECC, #008384, #464B66)
- Wandering Parlor color palette (#E9FAF0, #A0C1B1, #618B74, #4A6552, #384D45)
- Softworn Quarry color palette (#EAF3FB, #88BADD, #C98D5C, #1979AD, #48280C)
- Weathered Cerulean Corridor color palette (#EDF8F3, #9FD1BD, #D5A874, #2797CB, #514C46)
- Worn Coast color palette (#F1F5FF, #A3ABE2, #C88288, #676DA4, #5B445C)
- Ancient Ash Pier color palette (#EEF6FF, #D9D8E3, #C8A7AE, #7596B1, #485464)
- Patina Cerulean Alley color palette (#EEF6FF, #AACEF6, #5F88B5, #284F78, #1C3554)
Browse the whole catalog at Explore, or see today's palette.