Tempered Petrol Thicket color palette — #DFE6EA · #BDC5CF · #9FA3BB · #006B85 · #10222B

Built around Peacock, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Frost (#DFE6EA): bright and airy, almost weightless.
• Stone (#BDC5CF): soft and architectural.
• Blue Fog (#9FA3BB): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#006B85): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#10222B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Cerulean Dune color palette (#E4EDF2, #BCBFD6, #A7A3C1, #0A8DB4, #0F222C)
• Ultramarine Studio color palette (#E8EDF4, #C2C3CF, #AA9FB7, #3D57B7, #171F2E)
• Weathered Abyss color palette (#DBE2DE, #ABBEB8, #9E8599, #004C63, #0F241B)
• Petrol Canyon color palette (#EDF8F1, #F2D7E0, #D4AEC0, #006B80, #041008)
• Dusty Petrol color palette (#D4F4FD, #6E9BA7, #3F71A9, #504D00, #002D22)
• Timeworn Thicket color palette (#DFF6EA, #759F74, #007161, #004A6F, #012203)
• Dusty Violet color palette (#ECEEF7, #DAD5E3, #C3B0C4, #8054C8, #2B2D3A)
• Nightshade Atelier color palette (#EAEFFB, #A4A3B1, #8D8195, #3522AF, #040818)

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