Tempered Petrol Coast color palette — #EDF1DD · #79C2DD · #007098 · #003D45 · #000307

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

The five colors

• Cream (#EDF1DD): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#79C2DD): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#007098): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003D45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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

• Worn Terrace color palette (#E1E2D0, #57B3B4, #006068, #002C26, #000102)
• Dusty Bloom color palette (#F2F8E6, #A7D2F3, #2B7DC8, #004E66, #000B25)
• Olive Terrace color palette (#E6E1CD, #828400, #007582, #3E3F00, #000102)
• Tempered Denim Courtyard color palette (#F9E8F1, #4395B1, #004D7C, #002C29, #01001E)
• Timeworn Petrol color palette (#F4F7EB, #BDE1F2, #74AED3, #007C92, #073150)
• Linen Cobalt color palette (#EADED6, #76BBD4, #0089D7, #006E66, #03014A)
• Weathered Olive color palette (#E9F1D8, #5D7100, #006660, #673200, #010100)
• Linen Jade color palette (#E9F6C3, #A7D389, #6DBD7C, #595400, #050900)

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