Pewter Harbor color palette — #ECF9F3 · #3F93BB · #6C5594 · #4D4B00 · #003D56

Built around Slate, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF9F3): a clean, paper-quiet neutral.
• Cerulean (#3F93BB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#6C5594): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#4D4B00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#003D56): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged muted.

Use it as a design system

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

• Ancient Drift color palette (#F0F8ED, #309C8D, #585D97, #5F4200, #00423A)
• Weathered Mulberry Quarry color palette (#EBF9F1, #3295B4, #954366, #005547, #003F50)
• Patina Pine color palette (#FBF3F1, #D1E2CF, #3998B0, #397135, #2A4B67)
• Mulberry Meadow color palette (#EBF2FE, #688BD9, #A5365E, #4B4100, #002424)
• Frosted Mulberry color palette (#FEEDF2, #8766A5, #8F2A39, #00453D, #3A1555)
• Gentle Brick Grove color palette (#FFF0FC, #5377D9, #AA0412, #004951, #14286C)
• Cobalt Delta color palette (#EFDFEA, #616AAF, #45292F, #2A1925, #091516)
• Cocoa Market color palette (#FEF3EA, #C0AD8B, #6B7B47, #684E72, #573D00)

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