Petrol Corridor color palette — #EDF8F3 · #7DB9D4 · #86A469 · #007EA3 · #41542E
Cerulean and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EDF8F3): a clean, paper-quiet neutral.
- Sky (#7DB9D4): A luminous, dusty blue — the color of deep harbor water.
- Moss (#86A469): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#007EA3): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#41542E): A full-bodied, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.
Use it as a design system
One click turns Petrol Corridor 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
- Hushed Cypress Dune color palette (#EFF8EF, #97BB9A, #A49A5F, #008386, #614900)
- Ancient Quarry color palette (#FDF1F9, #A4ACDE, #51AB9A, #6068BE, #3F5435)
- Hushed Study color palette (#E6F6EE, #7ABED8, #CB8D47, #007E9E, #35302B)
- Tempered Orchard color palette (#ECF9F1, #83BACC, #AD89BB, #007F9B, #5A4363)
- Timeworn Lagoon color palette (#E3FCF1, #5FA1C2, #8F7EB8, #278967, #2C493E)
- Timeworn Denim Delta color palette (#DFFDF4, #9CD0C1, #5584AD, #1C5786, #1D3D58)
- Hushed Cabin color palette (#EDF6FF, #9BCAF0, #ED9691, #5A92BE, #5E435B)
- Ultramarine Corridor color palette (#F9E9F5, #7589CE, #008D73, #3444BC, #004033)
Browse the whole catalog at Explore, or see today's palette.