Petrol Terrace color palette — #F7EDDC · #76C2E5 · #006CAA · #003D42 · #00020C

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

The five colors

• Cream (#F7EDDC): A whisper-light, dusty gold — the color of old brass.
• Sky (#76C2E5): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006CAA): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003D42): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00020C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Softworn Turquoise Meadow color palette (#F4E8D5, #43B4BD, #005F71, #002C24, #000103)
• Frosted Cobalt color palette (#FEF4E4, #A1D1FD, #4E79C4, #004F61, #07042D)
• Timeworn Thicket color palette (#FCEAF3, #5F92A9, #004B84, #002C2B, #02001D)
• Dusty Cobalt color palette (#EADBD0, #69BCE1, #3086D8, #006D6B, #09093D)
• Wandering Boulevard color palette (#C6EDE0, #009377, #B1167F, #004738, #040002)
• Faded Chapel color palette (#DCF3CE, #53E1EF, #44A9E4, #006842, #000707)
• Powdered Grape Field color palette (#C3E9E0, #007869, #7208C6, #643500, #000201)
• Linen Periwinkle Summit color palette (#FFF4E2, #DEE4F8, #489BFF, #006F83, #151F4F)

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