Timeworn Petrol Harbor color palette — #F1F7F3 · #CBDEE0 · #D1AFC8 · #006C7D · #050F09

Built around Peacock, softened by Rosewood Mist — the whole palette hums with trust and stability.

The five colors

• Ivory (#F1F7F3): bright and airy, almost weightless.
• Silver (#CBDEE0): A whisper-light, dusty blue — the color of deep harbor water.
• Rosewood Mist (#D1AFC8): A luminous, dusty pink — the color of a candy shop window.
• Peacock (#006C7D): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#050F09): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Denim Meadow color palette (#FAF2F9, #EDD3D3, #D4B0B7, #365DA5, #120911)
• Cypress Atelier color palette (#F2F7EC, #CDDED9, #9DC6B0, #007152, #090F03)
• Antique Quarry color palette (#E3F2EC, #DACAD7, #C099AB, #005478, #000402)
• Hushed Abyss color palette (#E2EDF2, #AAB4BF, #878DA1, #004D58, #000D14)
• Cerulean Summit color palette (#D9E1E6, #B9C0D8, #A1A6C7, #338CA9, #12212A)
• Nocturne Denim color palette (#C7E6DC, #00649E, #0E0836, #040D0C, #000201)
• Washed Summit color palette (#E8FAF5, #E7D5CF, #B5AC97, #0083D4, #142924)
• Indigo Pier color palette (#FAF3F6, #E6D8D5, #E3BEA9, #7765C1, #251B20)

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