Weathered Petrol color palette — #FBF2FB · #8CB2E5 · #6EA886 · #4F74A5 · #4C4E47

Built around Slate, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2FB): a clean, paper-quiet neutral.
• Sky (#8CB2E5): A luminous, balanced blue — the color of deep harbor water.
• Jade (#6EA886): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#4F74A5): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#4C4E47): quiet, heavy and certain.

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

• Tempered Summit color palette (#EEF8EF, #7BBDC1, #9F9C60, #008289, #4F4D46)
• Dusty Boulevard color palette (#E6FBF4, #8BB5D7, #BE83AA, #44789F, #644344)
• Cobalt Workshop color palette (#F7EFF7, #98B6DD, #BA9658, #3372C0, #35302A)
• Cornflower Chapel color palette (#EFF6FF, #A5C7F3, #CFAB6F, #4E8DE0, #37563B)
• Hushed Cocoa color palette (#FFF1F5, #BDA3D6, #BF8B73, #80649A, #743D0F)
• Softworn Canyon color palette (#FFF1F4, #B98DC2, #4095B2, #854A91, #15495A)
• Cobalt Canyon color palette (#FFF0FB, #B7C7F4, #6E81B5, #424E7B, #4A2C45)
• Washed Seafoam Canyon color palette (#EEF6FF, #B6D8FF, #86DDA4, #7CACE1, #305553)

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