Weathered Petrol color palette — #DEF1FF · #4169A2 · #353B76 · #3A0A2D · #1D000B
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#DEF1FF): A whisper-light, dusty blue — the color of open sky before noon.
- Slate (#4169A2): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#353B76): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#3A0A2D): A deep, shadowed, balanced pink — the color of a candy shop window.
- Ink (#1D000B): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Trust, Stability, Creativity, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Weathered 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
- Weathered Corridor color palette (#C8EBFC, #0089CC, #4063AA, #4E2C50, #360F27)
- Shadow Aubergine color palette (#E4EAFF, #575387, #4E1E6E, #32000D, #0D0000)
- Navy Bloom color palette (#C0EBE7, #2D7B9C, #43437B, #3D2200, #1B1500)
- Worn Petrol Alley color palette (#DDF2FF, #00689D, #003963, #001C3D, #00031D)
- Garnet Orchard color palette (#D3E0F1, #8195D1, #65599E, #76254E, #460614)
- Denim Archive color palette (#DEEDFF, #005AAC, #005831, #002954, #000401)
- Tempered Basin color palette (#CCEBE3, #27A7C9, #515F96, #483100, #0C0600)
- Timeworn Ash Delta color palette (#DFE2F5, #B799C6, #8E6B8A, #5E4156, #3B2631)
Browse the whole catalog at Explore, or see today's palette.