Aged Petrol color palette — #ECF1E4 · #77B9EB · #2C6BA9 · #004C65 · #172D50
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#ECF1E4): a clean, paper-quiet neutral.
- Sky (#77B9EB): A luminous, balanced blue — the color of deep harbor water.
- Slate (#2C6BA9): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004C65): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#172D50): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Aged Petrol 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
- Softworn Petrol color palette (#EFF0E2, #76C0C3, #007683, #00504A, #00343F)
- Dusty Cobalt color palette (#E7F2E9, #99CBF1, #5D88C4, #00697D, #212A55)
- Antique Cerulean color palette (#DEE2CE, #009DCA, #005071, #002F37, #001527)
- Antique Dune color palette (#F4EDE7, #B2DED0, #8BA0EB, #009092, #361F55)
- Dusty Grove color palette (#F5F6EC, #AEE7F6, #4296B3, #126F75, #2D5042)
- Patina Lapis color palette (#D0E5CC, #009289, #6457C0, #00554F, #261F52)
- Hushed Ultramarine Ridge color palette (#CDEEF0, #007A80, #2B4ECD, #2D5A00, #06270E)
- Chalky Delta color palette (#FCE4D4, #C46E2B, #8C3800, #5E2010, #351E04)
Browse the whole catalog at Explore, or see today's palette.