Airy Brick Harbor color palette — #FBF2FB · #FF999F · #008D5A · #B2203D · #000202

Built around Ruby, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2FB): a clean, paper-quiet neutral.
• Rose Quartz (#FF999F): A luminous, balanced red — the color of a theater curtain.
• Fern (#008D5A): A full-bodied, balanced teal — the color of glacier melt.
• Ruby (#B2203D): A full-bodied, vivid red — the color of late-summer berries.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Ancient Lagoon color palette (#FEF1F7, #FFA05E, #008B6F, #984B00, #000102)
• Patina Veranda color palette (#F8F2FE, #FF90CF, #24A03B, #96006A, #000201)
• Emerald Meadow color palette (#FCF2F8, #FFBEAA, #40A244, #BF4D2A, #000706)
• Wandering Tangerine Drift color palette (#FFF0F9, #F57946, #006E69, #842D00, #000102)
• Softworn Amber color palette (#FAE7DA, #FFA172, #9B9B00, #CF6629, #120D00)
• Ember Courtyard color palette (#FFF0FC, #F15645, #00717A, #5A0668, #1A001F)
• Hushed Workshop color palette (#EEE1E6, #C6782A, #5E5700, #693900, #000301)
• Apricot Delta color palette (#FFF2F0, #FFA059, #897700, #354E00, #001C13)

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