Tempered Petrol Basin color palette — #EBF1DF · #94BBE0 · #2867B3 · #003A52 · #000113

Built around Royal Blue, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Cream (#EBF1DF): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#94BBE0): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#2867B3): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003A52): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000113): 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 Basin 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

• Muted Dune color palette (#EEF0DD, #78C5CD, #007485, #003E3C, #000305)
• Patina Navy color palette (#DDF2F2, #6B93BB, #004596, #002D41, #020B3F)
• Weathered Nightshade Boulevard color palette (#FDE9EF, #5B8FBD, #1C20C9, #002B31, #050018)
• Tempered Cornflower color palette (#ECE1D5, #85B5E1, #5377F4, #006B79, #17003F)
• Dusty Pier color palette (#F6F7E1, #B9FDFF, #00AEBE, #00736A, #002A33)
• Sky Atelier color palette (#F4F7EC, #D8D6E3, #65B8EE, #00849D, #00375F)
• Dusty Station color palette (#F7E7D3, #A77200, #007961, #523500, #000201)
• Soft Moss color palette (#FEE6C3, #D5C573, #95A63E, #704800, #0A0700)

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