Amber Boulevard color palette — #FFF1F1 · #DE98BE · #D8874D · #009275 · #381C2B

A conversation between Mustard and Fern, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Mauve (#DE98BE): A luminous, balanced rose — the color of pressed rose petals.
• Mustard (#D8874D): A luminous, balanced gold — the color of old brass.
• Fern (#009275): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#381C2B): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged jewel, vibrant, warm.

Use it as a design system

One click turns Amber Boulevard 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

• Softworn Archive color palette (#FFF2EE, #EA9EA3, #AE9839, #00989B, #3D2529)
• Tempered Olive color palette (#FFF1F4, #C89ADA, #D67A67, #5E8822, #3A253A)
• Dusty Lagoon Coast color palette (#FAF5E4, #D9B7F3, #D78C9A, #009496, #553236)
• Feathered Taupe color palette (#FFF1F3, #E2A6E0, #A7A54C, #009088, #003E51)
• Blush Drift color palette (#FFF2F0, #FE69AA, #AB8200, #007E7F, #2D0037)
• Hushed Basin color palette (#FEF3E9, #E4974A, #63A145, #007DB8, #30140C)
• Pale Lantern color palette (#FFF2EE, #F18691, #9B7B00, #3F6021, #162112)
• Timeworn Blush color palette (#F5DFDD, #DE8EB0, #9D5D3F, #5A4341, #1E1617)

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