Misty Amber color palette — #FFF2F0 · #E188A8 · #B87E0E · #008075 · #2E131C

A conversation between Mustard and Bubblegum, giving this palette its sense of optimism and balance.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bubblegum (#E188A8): A luminous, balanced rose — the color of pressed rose petals.
• Mustard (#B87E0E): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#008075): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#2E131C): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Gentle Pine Drift color palette (#FFF1F3, #CF8EC7, #D06F42, #1C8A43, #311729)
• Antique Drift color palette (#FFF2EC, #E68276, #8E990B, #00839F, #301414)
• Coral Alley color palette (#F6EED7, #E59FDC, #DE7365, #00829B, #482233)
• Gentle Lapis Workshop color palette (#F5E4D3, #D08A26, #00947B, #614DD3, #1F0B00)
• Airy Rose Balcony color palette (#F4DFD8, #D25565, #926B00, #00636B, #100012)
• Hazy Amber Courtyard color palette (#FFF3E9, #D7680D, #4D7800, #005D45, #000B04)
• Blush Atelier color palette (#FFE9E3, #E37384, #895225, #51342D, #15090A)
• Cerulean Summit color palette (#FCF3ED, #E2AD8E, #85B779, #3E8CC1, #493129)

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