Tempered Petrol color palette — #F0F3EA · #C4E5DA · #6A91B9 · #216781 · #172C4A

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F0F3EA): bright and airy, almost weightless.
• Silver (#C4E5DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#6A91B9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#216781): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#172C4A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Antique Denim color palette (#E4E6DB, #6FA7B0, #006375, #003939, #000D13)
• Cypress Coast color palette (#FBF2F6, #C9DFF2, #6E8ABE, #007078, #3B4668)
• Lagoon Corridor color palette (#F2F3E9, #B5D0B6, #358993, #005C53, #00262D)
• Dusty Veranda color palette (#E0E3D8, #3F829A, #00415B, #001E24, #000103)
• Aged Petrol Thicket color palette (#E7EBE0, #92B8DB, #3E6CA7, #004763, #041336)
• Quiet Canyon color palette (#FFECF4, #AA97D8, #00A1A9, #6C559C, #002E31)
• Rust Ridge color palette (#FFECF1, #A379BE, #B86267, #2A70A6, #2F141E)
• Ancient Indigo Atelier color palette (#E7E8F9, #A59ADD, #836AB4, #5F437F, #331E40)

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