Amber Courtyard color palette — #F9E3F2 · #CF8D96 · #C07046 · #307556 · #1B341A

Caramel and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F9E3F2): A whisper-light, dusty pink — the color of neon signs at night.
• Dusty Rose (#CF8D96): A luminous, balanced red — the color of late-summer berries.
• Caramel (#C07046): A luminous, balanced orange — the color of sun-warmed clay.
• Pine (#307556): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#1B341A): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Worn Station color palette (#E3DAED, #CA8AB9, #C46A78, #546435, #00361F)
• Timeworn Bronze color palette (#FFE8EA, #C9927C, #A17D41, #157471, #002E3F)
• Bronze Loft color palette (#DCE1FF, #B97BA4, #9E5727, #00566A, #073421)
• Aged Blush color palette (#EDE5F8, #E78FAB, #876540, #004A50, #001F21)
• Hushed Dune color palette (#FDDDE1, #FFA37C, #BF9442, #00948C, #003F51)
• Bronze Field color palette (#FFE8EB, #A1675D, #71432B, #2E3100, #081200)
• Stone Basin color palette (#FFF1F1, #EAC9BD, #CAAB92, #8D9B7E, #3F4F41)
• Powdered Scarlet color palette (#EEDDD6, #F9665B, #00A2A9, #D30618, #002022)

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