Quiet Tangerine Courtyard color palette — #FFF0F8 · #ED8548 · #5E8F56 · #116689 · #472D49

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Tangerine (#ED8548): A luminous, balanced orange — the color of toasted spice.
• Fern (#5E8F56): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#116689): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#472D49): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Quiet Tangerine Courtyard 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

• Airy Orchard color palette (#EBFAEC, #D49900, #309473, #3D6088, #3E3050)
• Chalky Blush color palette (#FBF1FF, #E97E9F, #947F34, #006D64, #2F345B)
• Gentle Olive color palette (#FCF1FD, #BD6E7A, #4A7029, #194881, #452C51)
• Amber Station color palette (#D2F3CE, #C07B00, #007D51, #004981, #430036)
• Soft Denim Delta color palette (#FFF2EF, #F49FAE, #3D96B2, #4552A8, #3F1941)
• Airy Cobalt color palette (#FFF2F0, #EEA6BD, #9AA953, #1986BB, #542444)
• Ancient Station color palette (#FFDFC0, #ECAE4D, #AC8817, #7A702C, #224C40)
• Hushed Amber Pier color palette (#F6DDE6, #CD7700, #3D5343, #37292F, #1D161A)

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