Tempered Petrol color palette — #FBE8F2 · #6DC4E0 · #0069B5 · #003F32 · #020013

Royal Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FBE8F2): A whisper-light, dusty pink — the color of peonies in June.
• Sky (#6DC4E0): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0069B5): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003F32): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#020013): 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

• Hushed Alley color palette (#F4EAF5, #81C5C2, #00738D, #00420C, #000308)
• Cobalt Hollow color palette (#FFF1F6, #ACD1F0, #5974C9, #005150, #12002A)
• Ancient Cerulean color palette (#E3F4E6, #3896B5, #004F74, #002B2D, #00040F)
• Feathered Cobalt color palette (#E4DDD2, #6FBCD8, #008CCA, #006C6F, #00142D)
• Coral Canyon color palette (#F3F4FF, #EEBBF7, #F98076, #005877, #0D001C)
• Grape Workshop color palette (#E4E3FE, #6D2FEA, #516000, #3D4900, #010008)
• Azure Ridge color palette (#FFF0FA, #BAF0FF, #3C98E0, #006C53, #131649)
• Patina Periwinkle color palette (#FEF1F7, #D7D4E0, #75A9EA, #13806F, #2A2852)

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