Tempered Petrol Drift color palette — #DCEDEC · #8FBAD6 · #0070B3 · #00485C · #001532

Royal Blue and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DCEDEC): a clean, paper-quiet neutral.
• Sky (#8FBAD6): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#0070B3): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#00485C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001532): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Tempered Petrol Drift 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

• Aged Dune color palette (#F5EDE5, #79BAE1, #2A66B9, #004F52, #272A4D)
• Wandering Orchard color palette (#DFECE9, #78C2C2, #007A83, #004C43, #001A1F)
• Cobalt Cabin color palette (#EAF4F4, #AECBE9, #507DBD, #00567A, #121E3E)
• Muted Ash color palette (#EBF4F3, #D5D9EC, #7D9FC6, #3F728A, #2B3747)
• Softworn Cerulean Field color palette (#DAEBE9, #3F96B2, #00506C, #002B30, #00050B)
• Frosted Cornflower color palette (#FDF1F6, #D6DFFC, #3F8FFF, #00696D, #181841)
• Hazy Olive color palette (#CDEAE2, #4F7A00, #006C6D, #6F3F00, #000E0B)
• Jade Loft color palette (#D3F4EE, #9FD7AA, #00B68D, #566B16, #00221F)

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