Petrol Pier color palette — #FEE7F2 · #6DC3E8 · #0069B5 · #003E3C · #010015

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Blush (#FEE7F2): A whisper-light, dusty rose — the color of pressed rose petals.
• Sky (#6DC3E8): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0069B5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Hushed Drift color palette (#F8E9F3, #4DCCCF, #00738B, #004028, #000307)
• Cobalt Study color palette (#FFF1F5, #9ED2FF, #5675C9, #00505A, #0E032A)
• Tempered Navy color palette (#F4E6DD, #5892AE, #004499, #002C27, #050019)
• Pale Cornflower color palette (#F0DEE7, #76BBD8, #3482E3, #006E60, #140042)
• Softworn Periwinkle Coast color palette (#FFF1F7, #D7D4E0, #7CA8E5, #007E82, #212D4C)
• Airy Alley color palette (#D5F2E9, #00937A, #B6007C, #00473A, #040002)
• Glacier Ridge color palette (#DAFFF0, #4CE5FF, #72A3EB, #335A17, #000507)
• Washed Villa color palette (#76FEEB, #00A898, #00605E, #001513, #000201)

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