Weathered Petrol color palette — #F5EDE5 · #8EB6D9 · #5463A4 · #004F51 · #362052
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F5EDE5): a clean, paper-quiet neutral.
- Sky (#8EB6D9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#5463A4): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#362052): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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
- Muted Cobalt color palette (#E4EBE5, #90B8DB, #3B69B6, #00495A, #0D0F38)
- Petrol Cabin color palette (#F8EBE7, #78BFC5, #00719A, #00532E, #132C57)
- Cornflower Veranda color palette (#F3EEE5, #A6CEC2, #4F84DD, #006880, #21275C)
- Sunlit Iris color palette (#F5EBEF, #ABD9FF, #859DFF, #009092, #332549)
- Navy Basin color palette (#F1E1D6, #5299B9, #0D4790, #00302A, #150041)
- Hushed Archive color palette (#FCF3EE, #C6E5D2, #618FB8, #04735A, #5C3C53)
- Sunlit Cobalt Boulevard color palette (#F1DAC0, #AF6E00, #006DB9, #673E00, #002A4D)
- Patina Lagoon color palette (#F6EAE5, #309094, #004359, #00240E, #00081D)
Browse the whole catalog at Explore, or see today's palette.