Antique Harbor color palette — #F9F3F9 · #BBDAE4 · #20A4CD · #15813C · #223C5B

Olive and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Powder Blue (#BBDAE4): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#20A4CD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#15813C): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#223C5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Periwinkle Study color palette (#FDF2F7, #B7DAF1, #6996DA, #007D70, #383360)
• Hushed Orchard color palette (#F0F8F1, #A5F0F0, #3DC5DC, #489E84, #094153)
• Pine Workshop color palette (#E7DFFF, #D889D7, #00A68E, #2C8C3E, #3C1E3C)
• Muted Lagoon Coast color palette (#F8F3F9, #D3D6EA, #7FBCD0, #629564, #415569)
• Cerulean Canyon color palette (#F9F4ED, #ADCFAE, #008799, #00624C, #1A4432)
• Chestnut Corridor color palette (#D5EFE2, #86BAB0, #878346, #7D5006, #0A3A27)
• Timeworn Cobalt color palette (#F5E7F3, #79BEC9, #007EB2, #005C3B, #051654)
• Dusty Ridge color palette (#F3EAF3, #55A0A8, #006085, #003E23, #000526)

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