Tempered Petrol Coast color palette — #D8ECEB · #007D8B · #005366 · #002735 · #000408

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

The five colors

• Frost (#D8ECEB): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007D8B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005366): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002735): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000408): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Shadow Cypress color palette (#CCF7ED, #00696C, #00333E, #00101D, #02010A)
• Muted Pine color palette (#DCF0DF, #008559, #005443, #002B26, #000606)
• Washed Onyx color palette (#E8F2E7, #007178, #004457, #280054, #000406)
• Weathered Hollow color palette (#C8EBFC, #0075B0, #00477D, #001C57, #010019)
• Wandering Atelier color palette (#D8E5E8, #93A9B1, #678D9E, #00504E, #000C0F)
• Moonless Nightshade color palette (#D8F0FF, #00617F, #2300A5, #2D0039, #000201)
• Softworn Teal Loft color palette (#CCEBF9, #00AEAB, #008C9E, #005E7E, #000405)
• Cobalt Study color palette (#D8E9EF, #0083BC, #305284, #45224B, #2A001F)

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