Aged Petrol color palette — #F1F6FB · #DAD9E3 · #C1BDCB · #3C7AA8 · #3D4954

Built around Slate, softened by Charcoal — the whole palette hums with trust and stability.

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Silver (#DAD9E3): a clean, paper-quiet neutral.
• Stone (#C1BDCB): soft and architectural.
• Slate (#3C7AA8): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3D4954): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Petrol Bloom color palette (#EDF3F7, #D9D7E2, #C4B9C7, #3D7DA0, #262D33)
• Cerulean Station color palette (#F0F7F4, #E0D4D0, #BFC5B0, #6696B1, #3F4B46)
• Driftwood Hollow color palette (#E1EEFF, #B3BBDB, #857DA4, #4E6A50, #325153)
• Wandering Archive color palette (#F3F5FC, #E0D5E2, #C1B6D1, #784EBC, #3C3E4F)
• Navy Canyon color palette (#E8F1FB, #A1A9BB, #767DA0, #00376D, #041427)
• Muted Ultramarine color palette (#EFF6FF, #CCD2E5, #A2A3C4, #274FBC, #22334E)
• Cocoa Alley color palette (#E9FBEC, #6F9CCA, #696198, #743E00, #2D3E57)
• Orchid Thicket color palette (#EFF6FF, #B9E7FF, #98BDFF, #A26CD3, #34345B)

Browse the whole catalog at Explore, or see today's palette.