Tempered Petrol Dune color palette — #C4ECED · #007B84 · #004B55 · #002B36 · #071224

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

The five colors

• Frost (#C4ECED): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007B84): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004B55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002B36): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#071224): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Tempered Petrol Dune 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 Parlor color palette (#CCE7F5, #006995, #003D61, #002447, #11072D)
• Tempered Pine color palette (#CDE9D1, #00814D, #005039, #00261C, #001013)
• Faded Lagoon Coast color palette (#D7F2E4, #009F94, #007C8E, #00567A, #000D2D)
• Patina Fern Dune color palette (#D7F6E4, #006A81, #445300, #00323F, #0D1200)
• Cerulean Canyon color palette (#C3F0F8, #009BBA, #006785, #004661, #1C284D)
• Sunlit Pier color palette (#D5E6DF, #70AFE5, #4B6DCA, #004658, #001B14)
• Airy Aubergine Grove color palette (#D6EBFF, #005084, #600084, #003931, #000814)
• Washed Bronze Hollow color palette (#ECE4D8, #816200, #4C3300, #2B1700, #110A00)

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