Tempered Petrol Coast color palette — #D3E4DE · #66A889 · #007FA3 · #5A3900 · #000801

Cerulean and Jade set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D3E4DE): bright and airy, almost weightless.
• Jade (#66A889): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#007FA3): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5A3900): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#000801): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged pastel, light, muted.

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

• Aged Cobalt color palette (#D0F4F2, #46B6AE, #4171BD, #423D00, #000A07)
• Jade Bloom color palette (#D3F1E9, #6CBC8A, #00887C, #464300, #002008)
• Muted Garnet color palette (#FFEBD5, #94AE4E, #009574, #72001D, #060500)
• Wandering Azure color palette (#F2EBD0, #74CB9D, #009FD1, #7E5400, #012303)
• Seafoam Chapel color palette (#F5F7D3, #80E7AE, #00BAAB, #616200, #000C02)
• Softworn Iris color palette (#D0E7E5, #7EAEDA, #977DD7, #0E571C, #001519)
• Nightshade Lagoon color palette (#CEE4E4, #007C4C, #0E00A7, #00331D, #00000C)
• Iris Thicket color palette (#CBFBFE, #7ED6F2, #8B98DB, #4D6A30, #001D24)

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