Tempered Petrol color palette — #FCEADF · #65C5E8 · #006BAE · #003E3A · #000015

A conversation between Peacock and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#FCEADF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#65C5E8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006BAE): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003E3A): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Aqua Field color palette (#FBEAE1, #5ACBC7, #007486, #004122, #000306)
• Chalky Cornflower color palette (#FBF4ED, #A5D2F3, #4275D9, #005057, #0C032C)
• Tempered Denim Archive color palette (#F1E4EB, #4496AF, #004B84, #002D23, #03001B)
• Airy Cerulean Basin color palette (#DDF2F0, #3FC0EA, #008EC1, #006B79, #001625)
• Ultramarine Corridor color palette (#EFE8C4, #87951F, #2B2CEF, #3A4100, #00000B)
• Patina Periwinkle color palette (#FDF3EC, #C2E6F7, #68AAF2, #007F7E, #3F2438)
• Muted Bronze color palette (#F2DECA, #A17100, #5A4F00, #1F2A00, #000400)
• Mint Thicket color palette (#F9F9C5, #97DA8B, #00B6B1, #835000, #070B00)

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