Airy Brick Harbor color palette — #F5F0D7 · #7B8800 · #C80030 · #444C00 · #2B0004

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

The five colors

• Cream (#F5F0D7): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#7B8800): A full-bodied, balanced green — the color of a quiet forest floor.
• Ruby (#C80030): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#444C00): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#2B0004): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Aged Terrace color palette (#EBEAD8, #78A134, #C7503B, #426000, #3A0500)
• Plum Station color palette (#EFDFCB, #A97300, #AB2D91, #5F3F00, #26001E)
• Lagoon Thicket color palette (#DDE8CF, #00966D, #945D00, #00543C, #1D0E00)
• Patina Chestnut Lagoon color palette (#FDE9D8, #B17843, #834000, #551D00, #180B00)
• Bronze Studio color palette (#E6E0D0, #908000, #007B7C, #514700, #001616)
• Grape Harbor color palette (#C7E6DB, #849921, #842C9E, #435000, #3C1349)
• Pale Amber color palette (#EEF5E1, #5EBA85, #C8772E, #007847, #3E1E00)
• Antique Basin color palette (#E7F4DA, #006C51, #673F00, #003224, #050200)

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