Cobalt Alley color palette — #F4F7E7 · #6CAE6B · #5D77CC · #8E393D · #2A2C1A

Periwinkle takes the lead with Jade close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F4F7E7): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#6CAE6B): A luminous, balanced green — the color of fresh herbs.
• Periwinkle (#5D77CC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Garnet (#8E393D): A full-bodied, balanced red — the color of a theater curtain.
• Onyx (#2A2C1A): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Cobalt Alley 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

• Cobalt Field color palette (#F8F6E5, #8AA54C, #0080B3, #853965, #2D2816)
• Muted Chapel color palette (#E4FBF8, #7CBA83, #887CC6, #91465C, #0F2014)
• Ancient Villa color palette (#EFF9EB, #00AB93, #8C66C0, #8F4E1D, #222D1B)
• Tempered Cerulean color palette (#FFF2EB, #78C595, #0096AE, #944950, #34422C)
• Washed Byzantium Coast color palette (#E7FBEC, #00A5B6, #B500B8, #794B00, #092810)
• Muted Pine Basin color palette (#E5FAFA, #008B51, #006183, #5A3C00, #16312A)
• Grape Courtyard color palette (#F2F1CD, #679C15, #7500C6, #6F3100, #101E00)
• Turquoise Courtyard color palette (#EAF8FF, #48BFDC, #5D99D2, #AC689A, #15302C)

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