Tempered Petrol color palette — #DCF3F0 · #61ACC5 · #007FA8 · #005C66 · #000B14

Cerulean takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#DCF3F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#61ACC5): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007FA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005C66): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#000B14): 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 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

• Chalky Cobalt Station color palette (#D5F1EF, #48BEEE, #008DC8, #006A7C, #001528)
• Hushed Cerulean color palette (#D0F6FA, #008C9D, #00657A, #004155, #000910)
• Olive Villa color palette (#CCE4F1, #008CAB, #5D7E00, #005E74, #040700)
• Denim Pier color palette (#EAE2D7, #5DAFCA, #005B83, #002B2C, #000104)
• Lilac Garden color palette (#D2E6F6, #A19AF3, #798EE0, #007294, #000E1E)
• Timeworn Market color palette (#DAEDF8, #0078A6, #7842BF, #00694E, #000204)
• Navy Delta color palette (#F5E4EE, #547F96, #003D6C, #002018, #01000B)
• Antique Lagoon color palette (#E0F3F2, #AED9FE, #69A8F0, #2389B3, #1A2D4F)

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