Scarlet Loft color palette — #F9ECB8 · #B69A00 · #00A973 · #D64232 · #3A3004

Crimson and Kelly Green set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F9ECB8): A whisper-light, dusty green — the color of fresh herbs.
• Mustard (#B69A00): A luminous, balanced green — the color of new leaves after rain.
• Kelly Green (#00A973): A luminous, balanced teal — the color of shallow lagoons.
• Crimson (#D64232): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#3A3004): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Scarlet Loft 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

• Linen Moss Bloom color palette (#E6F2C4, #90A900, #00A599, #BF5F00, #2D350C)
• Timeworn Raspberry color palette (#D7F5D3, #D48800, #4EA800, #D7326E, #442A05)
• Timeworn Field color palette (#ECE9C5, #948900, #00906F, #B53702, #002717)
• Softworn Tangerine color palette (#FFE1F2, #F86A00, #929700, #BA4E9C, #4E220B)
• Pale Drift color palette (#DCFDF8, #6FBA6B, #00ACBF, #A87E39, #1E3F3B)
• Chalky Mustard color palette (#FFF5D9, #E5B80D, #A98A00, #695400, #2D2400)
• Tempered Emerald Studio color palette (#D4EADD, #00A66A, #008DB3, #856C00, #002C19)
• Feathered Corridor color palette (#DDFFE8, #F6F4AD, #B8DE62, #AE7C04, #494114)

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