Tempered Petrol Hollow color palette — #F9F2FF · #CCAFC2 · #698C72 · #496686 · #594567

Slate and Charcoal Brown set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Rosewood Mist (#CCAFC2): A luminous, dusty pink — the color of a candy shop window.
• Eucalyptus (#698C72): A luminous, dusty teal — the color of glacier melt.
• Slate (#496686): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#594567): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Tempered Petrol Hollow 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

• Patina Denim Boulevard color palette (#FFF0FA, #9CB59B, #689487, #545C80, #5B3E53)
• Weathered Petrol Studio color palette (#F3F4FF, #B4A8BD, #947486, #236D7B, #425164)
• Hushed Olive Garden color palette (#F0F7F1, #94B9A8, #5F7E4A, #5F5373, #2B4A3C)
• Washed Sand Quarry color palette (#FFF2EC, #F2D0AB, #BFBB95, #9F8D9B, #594A56)
• Muted Veranda color palette (#E3FCE3, #A9D3B8, #7EA897, #558287, #305862)
• Ancient Cypress color palette (#FAF3F8, #C1E2F1, #4A94B8, #00735E, #334962)
• Driftwood Meadow color palette (#F3E5CD, #C3BAA0, #8F873E, #4D6747, #263C2C)
• Worn Aubergine color palette (#F7E1C4, #80A38C, #4F6A4A, #523276, #551D37)

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