Tempered Petrol color palette — #EDF7FF · #FFBDB2 · #226A94 · #002B43 · #00040B

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

The five colors

• Ivory (#EDF7FF): a clean, paper-quiet neutral.
• Rose Quartz (#FFBDB2): A whisper-light, dusty orange — the color of toasted spice.
• Peacock (#226A94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#002B43): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00040B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Worn Sand Cabin color palette (#F0F5FF, #D4D58B, #535F94, #1E2547, #010310)
• Cobalt Hollow color palette (#EFF6FF, #FFDFC2, #5278AA, #233A55, #07101B)
• Patina Jade Basin color palette (#DBECF6, #7CAF79, #004F63, #00202A, #00060C)
• Softworn Cerulean Thicket color palette (#E4F3EB, #A7D7A4, #2495B7, #006078, #0A1A12)
• Coral Terrace color palette (#E2F3EC, #D38372, #00486A, #002539, #051B14)
• Ancient Canyon color palette (#F3F4FF, #A1CB72, #603D83, #210A35, #010007)
• Faded Lilac color palette (#ECF7FF, #99D9FF, #AC6DBC, #0080B2, #060310)
• Cobalt Orchard color palette (#F1F5FC, #DDD9E3, #C4AFB7, #6789C8, #262F3B)

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