Tempered Petrol color palette — #F6EAF2 · #7EC3D5 · #006CAC · #003F2F · #010014

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

The five colors

• Blush (#F6EAF2): a clean, paper-quiet neutral.
• Sky (#7EC3D5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006CAC): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003F2F): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#010014): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Cobalt Drift color palette (#FDF1F6, #9BD5F4, #5079C1, #00524B, #0F002F)
• Hushed Spruce Lantern color palette (#ECE1ED, #71AFAC, #005E73, #012E05, #000104)
• Aged Onyx Delta color palette (#EBDDD6, #559BAC, #004D7C, #003124, #0A0740)
• Timeworn Cerulean color palette (#F4EDE3, #6CBDD4, #008EC2, #006D6B, #001529)
• Rust Archive color palette (#FFEBE5, #B13700, #005E8D, #00476D, #040000)
• Rust Lantern color palette (#F1DBE9, #CF4E1F, #007291, #6A1E00, #000102)
• Periwinkle Alley color palette (#FDF1F8, #D6D4E0, #71AAE8, #00816B, #282950)
• Mulberry Veranda color palette (#FFEDE8, #F6C66A, #7BB577, #872555, #0A0300)

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