Tempered Petrol Pier color palette — #D7E6DA · #3FB0D7 · #006DA2 · #00494D · #00132F

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

The five colors

• Parchment (#D7E6DA): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#3FB0D7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006DA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#00494D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00132F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Pale Cobalt Bloom color palette (#E1F1E4, #6ABAF4, #2C72D1, #005768, #131A44)
• Wandering Station color palette (#E3F6E6, #34A4A8, #006373, #003D30, #000B12)
• Hushed Petrol color palette (#EDF0E3, #8DBFD4, #00709A, #003D45, #000307)
• Softworn Boulevard color palette (#E7DBE1, #419CBA, #004D7D, #00302D, #030447)
• Feathered Cerulean color palette (#E6F2E8, #87D1E8, #0091C9, #006C6C, #032F55)
• Turquoise Bloom color palette (#EDF9EF, #85EDFE, #00ABD6, #008478, #17445F)
• Softworn Powder color palette (#F0F7F1, #DBDDEC, #98B2DF, #5C8FA0, #495268)
• Faded Orchard color palette (#F5E5EA, #B8006A, #586100, #005173, #160008)

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