Tempered Petrol color palette — #FAEBE1 · #60C6E7 · #006DA9 · #003E39 · #000016

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

The five colors

• Cream (#FAEBE1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#60C6E7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006DA9): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003E39): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000016): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. 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

• Petrol Study color palette (#F7EBE5, #6CC9C3, #007485, #004120, #000306)
• Feathered Ultramarine color palette (#F9ECDF, #82BEE8, #0157E6, #003D42, #020012)
• Tempered Cornflower color palette (#FCF4EC, #96D4FF, #3473E6, #005056, #0B0130)
• Ancient Alley color palette (#ECDDE5, #3B97B2, #004B84, #002D23, #03001B)
• Aged Cerulean Market color palette (#D9ECEA, #5BBEE1, #008EC1, #006B79, #001625)
• Ancient Chestnut color palette (#CCE5D7, #008CAA, #965400, #004353, #030100)
• Tempered Azure Atelier color palette (#C5E8FF, #00A3EB, #00537D, #001C2F, #000103)
• Pale Parlor color palette (#CEFCE6, #AFCEFF, #B482FF, #006866, #000308)

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