Tempered Petrol Terrace color palette — #ECDED6 · #6AACC4 · #006BA9 · #004B45 · #030842

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

The five colors

• Parchment (#ECDED6): bright and airy, almost weightless.
• Cyan (#6AACC4): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006BA9): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B45): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#030842): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Tempered Petrol Alley color palette (#F7E5DC, #6AB0AF, #007288, #004D2F, #001625)
• Hushed Cobalt Loft color palette (#F1E7DD, #8BB7D7, #4872BF, #00585E, #1C1548)
• Chalky Veranda color palette (#FAE8F3, #56C7E9, #006DA8, #003E39, #000016)
• Patina Workshop color palette (#D2E3E1, #3C9CBA, #00516D, #002F35, #001625)
• Ancient Cobalt Cabin color palette (#F5ECE8, #ADCDBA, #348FC6, #006D61, #132B59)
• Rose Dune color palette (#F7D7E9, #D19FE6, #E46078, #00549E, #251139)
• Azure Coast color palette (#FFF2EC, #A7E8F1, #28A9D8, #008568, #004174)
• Softworn Pine color palette (#FAF4F0, #C7E4DB, #67B2C2, #358E5B, #275142)

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