Tempered Petrol Terrace color palette — #F1F7F2 · #D3DFF0 · #799FB6 · #447882 · #3D556A

Slate takes the lead with Blue Fog close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D3DFF0): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#799FB6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#447882): A full-bodied, dusty blue — the color of deep harbor water.
• Peacock (#3D556A): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Petrol Terrace 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 Delta color palette (#F1F5FF, #DFD8E1, #E1BBD9, #7289AA, #4D4F62)
• Ancient Cypress color palette (#F6F0F4, #D3D2E8, #7EA1BD, #3B795E, #273650)
• Washed Denim Chapel color palette (#D9E3DB, #66ABB4, #006178, #003F37, #002234)
• Worn Orchard color palette (#F1F5FF, #8F91CD, #B37963, #3F8666, #3A4257)
• Abyss Field color palette (#DFECE2, #4B8A9F, #004160, #002223, #00091A)
• Tempered Orchard color palette (#F0F5FF, #A3ADDB, #A49966, #646EA4, #325642)
• Timeworn Petrol color palette (#E5F3E7, #98B5D0, #3967AE, #004D5E, #222956)
• Lagoon Drift color palette (#FAF3F0, #C3E0E9, #8EBDAD, #549679, #63495E)

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